android界面效果实例资源-CSDN文库

共1个文件

pdf：1个

5星 · 超过95%的资源需积分: 9 110 浏览量 2011-05-19 11:32:42 上传评论收藏 2.46MB RAR 举报

在Android应用开发中，界面设计是至关重要的，它直接影响到用户体验和应用的吸引力。本教程“android界面效果实例”提供了一系列实例，旨在帮助初学者掌握Android应用界面的设计技巧和实现方法。下面，我们将深入探讨这些知识点。 1. **布局管理器（Layout Managers）** Android提供了多种布局管理器，如线性布局（LinearLayout）、相对布局（RelativeLayout）、帧布局（FrameLayout）、网格布局（GridLayout）以及约束布局（ConstraintLayout）。理解并熟练运用这些布局是创建高效用户界面的基础。例如，线性布局允许元素按垂直或水平方向排列，而相对布局则允许元素相对于其他元素定位。 2. **自定义视图（Custom Views）** 在标准的Android组件库中，有时无法找到完全符合需求的视图。学习如何创建自定义视图是提升应用界面独特性的关键。这包括绘制自己的图形、添加触摸事件处理等。 3. **颜色与主题（Colors & Themes）** 色彩搭配和主题设定对界面视觉效果有着决定性的影响。Android支持XML格式的颜色资源，可以方便地管理和应用到不同组件上。同时，通过设置全局主题，可以统一应用的视觉风格。 4. **图片资源与图层列表（Image Resources & Layer List）** 图片资源在界面设计中不可或缺，Android支持多种图像格式。图层列表可以将多个图像组合在一起，创建出复杂的图像效果，如按钮的按下状态、背景叠加等。 5. **动画（Animations）** 动画可以增加交互性和趣味性，Android提供了多种动画类型，如属性动画（Property Animation）、视图动画（View Animation）和过渡动画（Transition Animation）。通过动画，可以实现平滑的界面切换、按钮点击反馈等效果。 6. **触摸事件（Touch Events）** 理解触摸事件的处理机制是创建响应式界面的关键。Android中的onClick、onTouchEvent等回调函数用于处理用户触摸屏幕的行为。 7. **字体与文字样式（Fonts & Text Styles）** 自定义字体和文字样式能提升界面的专业感。Android支持加载自定义字体，并可以通过CSS样式的设置来改变文字的大小、颜色、对齐方式等。 8. **手势识别（Gesture Recognition）** 除了基本的触摸事件，还可以识别滑动、捏合等复杂手势，为用户提供更丰富的交互体验。 9. **Material Design指南** Google推出的Material Design设计语言提供了统一的界面设计规范，包括色彩、图标、布局和动画等方面，遵循这一指南能保证应用具有现代感和一致性。 10. **响应式设计（Responsive Design）** 针对不同屏幕尺寸和分辨率的设备，学习如何实现响应式设计至关重要。使用百分比布局、权重分配和可折叠布局（FlexboxLayout）等技术，可以确保界面在各种设备上都能良好展示。通过阅读"android界面效果全汇总.pdf"这份文档，初学者可以逐步了解并实践这些知识点，提升Android应用的界面设计能力。记得理论结合实践，多尝试，多调试，才能真正掌握这些技巧。

资源推荐

资源详情

资源评论

收起资源包目录

android界面效果全汇总.rar （1个子文件）

android界面效果全汇总.pdf 4.03MB

（一）Activity 页面切换的效果

Android 2.0 之后有了 overridePendingTransition（），其中里面两个参

数，一个是前一个 activity 的退出两一个 activity 的进入，

Java 代码

1. @Override

public void onCreate(Bundle savedInstanceState) {

2. super.onCreate(savedInstanceState);

4. setContentView(R.layout.SplashScreen);

6. new Handler().postDelayed(new Runnable() {

7. @Override

8. public void run() {

9. Intent mainIntent = new Intent(SplashScreen.this,

AndroidNews.class);

10. SplashScreen.this.startActivity(mainIntent);

11. SplashScreen.this.finish();

12.

13. overridePendingTransition(R.anim.mainfadein,

14. R.anim.splashfadeout);

15. }

16.}, 3000);

}

上面的代码只是闪屏的一部分。

Java 代码

1. getWindow (). setWindowAnimations ( int );

这可没有上个好但是也可以。

实现淡入淡出的效果

整理的一些关于android的页面切换的效果：

Java 代码

1. overridePendingTransition(Android.R.anim.fade_in,android.R.anim

.fade_out);

由左向右滑入的效果

Java 代码

1. overridePendingTransition(Android.R.anim.slide_in_left,android.

R.anim.slide_out_right);

实现 zoomin 和 zoomout,即类似 iphone 的进入和退出时的效果

Java 代码

1. overridePendingTransition(R.anim.zoomin, R.anim.zoomout);

新建 zoomin.xml 文件

Xml 代码

1. <?xml version="1.0" encoding="utf-8"?>

2. <set

3. xmlns:Android="http://schemas.android.com/apk/res/android"

4. Android:interpolator="@android:anim/decelerate_interpolator">

<scale Android:fromXScale="2.0" android:toXScale="1.0"

5. Android:fromYScale="2.0" android:toYScale="1.0"

6. Android:pivotX="50%p" android:pivotY="50%p"

7. Android:duration="@android:integer/config_mediumAnimTime" />

</set>

新建 zoomout.xml 文件

Xml 代码

1. <?xml version="1.0" encoding="utf-8"?>

2. <set

3. xmlns:Android="http://schemas.android.com/apk/res/android"

4. Android:interpolator="@android:anim/decelerate_interpolator"

5. Android:zAdjustment="top">

6. <scale Android:fromXScale="1.0" android:toXScale=".5"

7. Android:fromYScale="1.0" android:toYScale=".5"

8. Android:pivotX="50%p" android:pivotY="50%p"

9. Android:duration="@android:integer/config_mediumAnimTime" />

10.<alpha Android:fromAlpha="1.0" android:toAlpha="0"

11.Android:duration="@android:integer/config_mediumAnimTime"/>

12.</set>

（二）android 菜单动画

先请注意，这里的菜单并不是按机器上的 MENU 出现在那种菜单，而是基于

Android SDK 提供的 android.view.animation.TranslateAnimation（extends

android.view.animation.Animation）类实例后附加到一个 Layout 上使之产生的

有动画出现和隐藏效果的菜单。

原理：Layout（菜单）从屏幕内（挨着屏

幕边沿，其实并非一定，视需要的初态和末态而定）动态

的移动到屏幕外（在外面可以挨着边沿，也可以离远点，

这个无所谓了），这样就可以达到动态菜单的效果了。但

是由于 Animation 的一些奇怪特性（setFill**() 函数的作用效果，这个在我使

用的某几个 Animation 当中出现了没有想明白的效果），就暂不理会这个东西了，

所以使得我们还需要用上 XML 属性 android:visibility。当 Layout（菜单）显

示的时候，设置 android:visibility="visible"，当 Layout（菜单）隐藏的时

候，设置 android:visibility="gone"，这里 android:visibility 可以有 3 个

值，"visible"为可见，"invisible"为不可见但占空间，"gone"为不可见且不占

空间（所谓的占不占空间，这个可以自己写个 XML 来试试就明白了）。

Class TranslateAnimation 的使用：Animation 有两种定义方

法，一种是用 Java code，一种是用 XML，这里只介绍用 code 来定义（因为用

XML 来定义的那种我没用过。。嘿嘿。。）。多的不说，看代码。

这里是 TranslateAnimationMenu.java（我在里面还另加入了 ScaleAnimation

产生的动画，各位朋友可以照着 SDK 以及程序效果来理解）：

package com.TranslateAnimation.Menu;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.Animation;

import android.view.animation.TranslateAnimation;

import android.widget.Button;

import android.widget.LinearLayout;

public class TranslateAnimationMenu extends Activity {

/** Called when the activity is first created. */

//TranslateAnimation showAction, hideAction;

Animation showAction, hideAction;

LinearLayout menu;

Button button;

boolean menuShowed;

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

menu = (LinearLayout) findViewById(R.id.menu);

button = (Button) findViewById(R.id.button);

// 这里是 TranslateAnimation 动画

showAction = new TranslateAnimation(

Animation.RELATIVE_TO_SELF,0.0f,Animation.RELATIVE_TO_SELF,

0.0f, Animation.RELATIVE_TO_SELF, -1.0f,

Animation.RELATIVE_TO_SELF, 0.0f);

// 这里是 ScaleAnimation 动画

//showAction = new ScaleAnimation(

// 1.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.0f,

// Animation.RELATIVE_TO_SELF, 0.0f);

showAction.setDuration(500);

// 这里是 TranslateAnimation 动画

hideAction = new TranslateAnimation(

Animation.RELATIVE_TO_SELF, 0.0f,

Animation.RELATIVE_TO_SELF, -1.0f);

// 这里是 ScaleAnimation 动画

//hideAction = new ScaleAnimation(

// 1.0f, 1.0f, 1.0f, 0.0f,

Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,

0.0f);

hideAction.setDuration(500);

menuShowed = false;

menu.setVisibility(View.GONE);

button.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

if (menuShowed) {

menuShowed = false;

menu.startAnimation(hideAction);

menu.setVisibility(View.GONE);

}

else {

menuShowed = true;

menu.startAnimation(showAction);

menu.setVisibility(View.VISIBLE);

}

});

}

这里是 main.xml：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello" />

<LinearLayout android:id="@+id/menu"

android:layout_height="100px" android:layout_width="fill_parent"

android:layout_alignParentTop="true"

android:background="#ffffff">

<TextView android:layout_width="fill_parent"

android:layout_height="fill_parent" android:text="I am a menu"

评论收藏

内容反馈

wc15296906353

2012-09-20

还可以吧不过和标题不太符合吧里边东西太多太杂了
macrotea-cn

2013-09-02

太简单了，以为是电子书，其实只是网上资源的集合。
mole

2013-01-10

很简单,学习了,哈哈,谢谢分享
kk371

2012-12-25

是电子书，没有项目文件，有点可惜
chuwei2007

2012-04-30

太简单了，以为是电子书，其实只是网上资源的集合。

j562152757

粉丝: 0
资源: 2

android界面效果实例

android 界面例子

android界面效果

安卓界面效果

android 界面效果

android 界面布局开发实例

Android Studio实例代码.zip_Android app实例_Android实例_android app源码_and

Android界面切换效果库Demo

[Android实例] 水下气泡上升界面效果，和下降效果

漂亮的android UI界面设计例子.rar

Android界面设计示例

安卓android界面特效

android界面效果大全

android界面效果汇总

android用户界面程序设计实例

Android 相对布局实例

Android PathEffect效果实例源码.zip

Android界面效果汇总

Android 应用开发实例

android开发中界面效果的各种实现

android界面设计

Android界面设计

界面布局实例

Android上百实例源码

Android串口通信实例

适用于android界面的配色

android界面切换 Fragment实例

最新资源