《Android开发—Android UI设计技巧》.doc

大家好，今天给大家分享的是Android中UI设计的一些技巧，本节内容主要有两点：一是Android按钮(Button)的UI设计，二是:ListView以及GridView的UI设计。 按钮的状态: 我们一般搞UI设计,按钮通常有三个状态：normal(正常状态);focus(焦点状态),pressed(按下状态)。如下图所示: 我们会在res/drawable目录下定义一个资源文件，比如我们本例中要用到的handle.xml,在里面定义三种状态，每种状态对应一张图片: 代码如下: 1 2 3 4 5 6 ?xml version=1.0 encoding=utf-8? selector xmlns:android=/apk/res/android item android:state_window_focused=false android:drawable=@drawable/handle_normal / item android:state_focused=true android:drawable=@drawable/handle_focused / item android:state_pressed=true android:drawable=@drawable/handle_pressed / /selector 而我们使用这个资源文件的用法只需要引用drawable里的资源文件(android:background=”@drawable/handle”)代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Button android:id=@+id/handle android:layout_width=wrap_content android:layout_height=fill_parent android:background=@drawable/handle / 、pre strongAndroid中的层:/strong 看过《盗梦空间》的人都知道，梦境有多少层，而Android中也有层次之分，在Android中第一层梦境,我们可以认为是壁纸。第二层就是 应用的Activity,第三层就是放在Activity上的容器(ViewGroup以及它的子类FrameLayout,LinearLayout等 布局对象),当然容器中还可以放容器，你也可以放到N层(最多放多少我还没验证过），总之最后一层就是那些继承于View的控件了(诸 如,Button,TextView等.) 而ListView以及GridView中UI是怎么设计的呢，下面我们看一下效果图: a href=/wp-content/uploads/2010/11ui_2.jpgimg class=alignnone size-medium wp-image-1129 title=UI-2 src=/wp-content/uploads/2010/11ui_2-300x75.jpg alt= width=300 height=75 //a 上图是一个ListView的效果图,正常状态下是白色背景黑色字体，当我们点击一列时会出现黄色背景。这一效果是如何做到的呢？ ListView单元格显示的内容其实是我们事先定义在Layout目录下的一个布局文件，从这个效果来看，我们可以看出它一共有三个“层” 第一层容器(LinearLayout) 背景色为白色： 第二层也是容器(LinearLayout)当按下时，背景色为黄色，把第一层挡住(具体做法可以参照按钮): 第三层是控件(TextView)。 strong实例/strong ： 上面说了一些，有些人肯定会云里雾里，所以我们直接来个实例，实例做完后，再看一下，效果会更好，大家按照步骤跟我来: 第一步:首先准备素材，准备三个按钮，以及ListView的背景图(上面三个按钮已经有了，下面我只贴一个ListView背景图片): a href=/wp-content/uploads/2010/11ui_3.pngimg class=alignnone size-full wp-image-1130 title=UI-3 src=/wp-content/uploads/2010/11ui_3.png alt= width=78