欢迎来到天天文库
浏览记录
ID:39464558
大小:128.00 KB
页数:7页
时间:2019-07-03
《Android开发UI界面设计之按钮状态》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Android开发UI界面设计ON六162011IN ANDROID界面设计 BYANDROID智能手机
2、 NOCOMMENTS已有1420位网友关注Android开发UI界面设计主要有两点:一是Android按钮(Button)的UI设计,二是:ListView以及GridView的UI设计。按钮的状态:我们一般搞UI设计,按钮通常有三个状态:normal(正常状态);focus(焦点状态),pressed(按下状态)。如下图所示:我们会在res/drawable目录下定义一个资源文件,比如我们本例中要用到的handle.xml,在里面定义三种状态,
3、每种状态对应一张图片:代码如下:4、d”/>而我们使用这个资源文件的用法只需要引用drawable里的资源文件(android:background=”@drawable/handle”)代码如下:5、background=”@drawable/handle”/>Android中的层:看过《盗梦空间》的人都知道,梦境有多少层,而Android中也有层次之分,在Android中第一层”梦境”,我们可以认为是壁纸。第二层就是应用的Activity,第三层就是放在Activity上的容器(ViewGroup以及它的子类FrameLayout,LinearLayout等布局对象),当然容器中还可以放容器,你也可以放到N层(最多放多少我还没验证过),总之最后一层就是那些继承于View的控件了(诸如,Button,TextView等.)而ListView以及Gr6、idView中UI是怎么设计的呢,下面我们看一下效果图:上图是一个ListView的效果图,正常状态下是白色背景黑色字体,当我们点击一列时会出现黄色背景。这一效果是如何做到的呢?ListView单元格显示的内容其实是我们事先定义在Layout目录下的一个布局文件,从这个效果来看,我们可以看出它一共有三个“层”第一层容器(LinearLayout)背景色为白色:第二层也是容器(LinearLayout)当按下时,背景色为黄色,把第一层挡住(具体做法可以参照按钮):第三层是控件(TextView)。实例:上面说了一些,有些人肯定会云里雾里,所以我们直接来个7、实例,实例做完后,再看一下,效果会更好,大家按照步骤跟我来:第一步:首先准备素材,准备三个按钮,以及ListView的背景图(上面三个按钮已经有了,下面我只贴一个ListView背景图片):第二步:新建一个Android工程,命名为UIDemo.目录结构如下图所示:第三步:在res目录下新建一个drawable文件夹,定义两个资源文件一个是handle.xml另一个为listview_selected.xml,其中handle.xml代码已经在上面贴出,listview_selected.xml代码如下:8、ng=”utf-8″?>第四步:修改main.xml布局文件,这里我用到了SliddingDrawer控件,代码如下:9、youtxmlns:android=”http://schemas.android.com/a
4、d”/>而我们使用这个资源文件的用法只需要引用drawable里的资源文件(android:background=”@drawable/handle”)代码如下:5、background=”@drawable/handle”/>Android中的层:看过《盗梦空间》的人都知道,梦境有多少层,而Android中也有层次之分,在Android中第一层”梦境”,我们可以认为是壁纸。第二层就是应用的Activity,第三层就是放在Activity上的容器(ViewGroup以及它的子类FrameLayout,LinearLayout等布局对象),当然容器中还可以放容器,你也可以放到N层(最多放多少我还没验证过),总之最后一层就是那些继承于View的控件了(诸如,Button,TextView等.)而ListView以及Gr6、idView中UI是怎么设计的呢,下面我们看一下效果图:上图是一个ListView的效果图,正常状态下是白色背景黑色字体,当我们点击一列时会出现黄色背景。这一效果是如何做到的呢?ListView单元格显示的内容其实是我们事先定义在Layout目录下的一个布局文件,从这个效果来看,我们可以看出它一共有三个“层”第一层容器(LinearLayout)背景色为白色:第二层也是容器(LinearLayout)当按下时,背景色为黄色,把第一层挡住(具体做法可以参照按钮):第三层是控件(TextView)。实例:上面说了一些,有些人肯定会云里雾里,所以我们直接来个7、实例,实例做完后,再看一下,效果会更好,大家按照步骤跟我来:第一步:首先准备素材,准备三个按钮,以及ListView的背景图(上面三个按钮已经有了,下面我只贴一个ListView背景图片):第二步:新建一个Android工程,命名为UIDemo.目录结构如下图所示:第三步:在res目录下新建一个drawable文件夹,定义两个资源文件一个是handle.xml另一个为listview_selected.xml,其中handle.xml代码已经在上面贴出,listview_selected.xml代码如下:8、ng=”utf-8″?>第四步:修改main.xml布局文件,这里我用到了SliddingDrawer控件,代码如下:9、youtxmlns:android=”http://schemas.android.com/a
5、background=”@drawable/handle”/>Android中的层:看过《盗梦空间》的人都知道,梦境有多少层,而Android中也有层次之分,在Android中第一层”梦境”,我们可以认为是壁纸。第二层就是应用的Activity,第三层就是放在Activity上的容器(ViewGroup以及它的子类FrameLayout,LinearLayout等布局对象),当然容器中还可以放容器,你也可以放到N层(最多放多少我还没验证过),总之最后一层就是那些继承于View的控件了(诸如,Button,TextView等.)而ListView以及Gr
6、idView中UI是怎么设计的呢,下面我们看一下效果图:上图是一个ListView的效果图,正常状态下是白色背景黑色字体,当我们点击一列时会出现黄色背景。这一效果是如何做到的呢?ListView单元格显示的内容其实是我们事先定义在Layout目录下的一个布局文件,从这个效果来看,我们可以看出它一共有三个“层”第一层容器(LinearLayout)背景色为白色:第二层也是容器(LinearLayout)当按下时,背景色为黄色,把第一层挡住(具体做法可以参照按钮):第三层是控件(TextView)。实例:上面说了一些,有些人肯定会云里雾里,所以我们直接来个
7、实例,实例做完后,再看一下,效果会更好,大家按照步骤跟我来:第一步:首先准备素材,准备三个按钮,以及ListView的背景图(上面三个按钮已经有了,下面我只贴一个ListView背景图片):第二步:新建一个Android工程,命名为UIDemo.目录结构如下图所示:第三步:在res目录下新建一个drawable文件夹,定义两个资源文件一个是handle.xml另一个为listview_selected.xml,其中handle.xml代码已经在上面贴出,listview_selected.xml代码如下:
8、ng=”utf-8″?>第四步:修改main.xml布局文件,这里我用到了SliddingDrawer控件,代码如下:9、youtxmlns:android=”http://schemas.android.com/a
9、youtxmlns:android=”http://schemas.android.com/a
此文档下载收益归作者所有