零基础编写android项目:[3]UI控件篇
前面介绍了android的布局,让我们先来回顾一下,android布局分为LinearLayout线性布局和RelativeLa烤恤鹇灭yout相对布局。XML布局代码如下,然后只需在Activity中使用setContentView(R.layout.linearlayout);显示布局就OK了。接下来该介绍UI控件了,androidUI控件熟悉之后就可以运用它们制作简单app了,是不是很激动呢,不要着急,编程不能心急,一步一个脚印的跟着教程零基础学习UI控件吧。(以下只做总结归纳,方便查阅。)
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/64a62a0f6478142379236d8baac2bbd6e0d0b233.jpg)
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/6ca98461862541931e72abb1df1bd10ff326ab33.jpg)
工具/原料
eclipse、SDK(android-sdk-windows)、ADT安卓开发环境
强悍的大脑和笔记本
android模拟器
一、GridView图像表格控件
1、先使用GridView控件在XML中定义出来。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/f367139a310e179931b0a10dc9406afec214a333.jpg)
2、然后创建适配器并继承BaseAdapter抽象类,这里注意需要将图片事先放在drawable文件夹中,并且格式为png,然后用images数据形式private声明,返回值为int[]。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/6bbfdd14f1c595ee9e5bac9227530688902c9a33.jpg)
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/ad121888912ca5ca39728bfd8bfc77f7990e9433.jpg)
3、最后将GridView装载在适配器中,并用Toast测试点击事件。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/76b6860e5f204371b3412d95323acd8921c58f33.jpg)
二、Button按钮控件
1、最为基础的就是Button按钮控件,在android中必须要有Button按钮才能控制整个应用流程,所以要想使用它,跟Gr足毂忍珩idView一样,还是要先写出View视图。自上到下按钮名称ID为button1、button2、button3、imageButton1。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/3761a73acd8920c5d7959380568a59de44078833.jpg)
2、创建Activity声明Button变量:privateButtonbutton1;,在onCreate方法中显示布局并提取Button控件。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/8974c38a59de45077e9b23c55e413a8ca7088533.jpg)
3、为Button设置点击监听时间,有2种方法:方法一、单独设置onClick事件;方法二、汇总设置onClick事件。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/3931cb413a8ca6085e958f49db8c9bcec6f8fe33.jpg)
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/9a8fd9f88a775ddd8ad7feffa427e7ef2906f933.jpg)
三、RadioButton单选按钮和Switch、ToggleButton开关控件
1、RadioButton单选按钮控件:第一步:它是单选按钮,一般用于选择性别之用。首先设计view视图的样式。推荐先用视图模式再用代码模式编写。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/3201a8f39187031c945bb4496a86242fa972ec33.jpg)
2、第二步:创建Activity并编写onRadioClicked方法,实现RadioButton控件的功能。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/bfa52adaf05e4a236eeae5a81dd818196020e233.jpg)
3、Switch、ToggleButton开关控件:第一步:它们是开关按钮,一般用于打开或关闭某项功能之用。Switch控件和ToggleButton控件一样,是它的新版,下面介绍主要以Switch为主。首先创建view视图。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/7496877bbbf4da585641c5fcea0f8b56ac04d733.jpg)
4、第二步:创建Activity并编写onButtonSwitch方法,实现Switch控件的功能。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/5917cb3da824d8e9fd49a0d3da598540112ac833.jpg)
四、EditText控件
1、在网页或手机中,我们经常遇到注册用户时或填写订单等,会让输入表单信息情况,这里用到的控件就叫EditText控件。首先建立EditText控件所在View的视图。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/a13bbe10bc33ec380920025a295f0c14c37b3c30.jpg)
2、创建操作EditText控件所在View视图的Activity。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/a007a9b1eef97fbd04e72f06b74133bad2413330.jpg)
五、AutoCompleteTextView自动提示文本框控件
1、当我们在百度首页输入关键字时,是不是会弹出下拉提示框?这个方便了用户搜索习惯,安卓app也可以实现此功能,androi颊俄岿髭d中用到了AutoCompleteTextView控件,完美的实现在表单框中输入字符弹出关键字。具体有2种实现方法。方法一:在Activity中实现自动弹出下拉提示框方法。1、首先还是需要建立View视图。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/ce26355fd5460596ee8fef653e03c8d247fe2530.jpg)
2、创建实现自动弹出下拉提示框的Activity,并实现获取提示框内所需的数据列表函数getDataSource()。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/b57fb6db574afa32f607374254b2dc19cf2c1430.jpg)
3、在onCreate中设置监听器即可完成。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/cfadcdd96975f2c49f0242f68f0148fe1f420630.jpg)
4、方法二:在XML中实现自动弹出下拉提示框方法。1、第一步同方法一先建立View视图。2、在资源文件string.xml中创建下拉提示框所需的数据列表。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/edafb3bcbe2f4770c483c46f6f3b3b8603217930.jpg)
5、在onCreate中获取资源文件string.xml中的数据列表,如果是获取网络数据,需要用到json数据解析,并设置监听器即可完成。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/974a2f21056104a3c572981b63d7592ae2ef6b30.jpg)
六、CheckBoxes多选框控件
1、顾名思义,多选框其实跟单选框一样,很简单,只不过单选框是每个选项之间是互斥的,不能多选;而多选框是可以进行多项选择的,所以在显示多选框后要进行检查时候选中每一项。1、首相建立多选框的View视图。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/562787cf02532f63be1efb83699147e832e05c30.jpg)
2、创建多选框对应的Activity,并注册监听事件、判断是哪一个多选框Check按钮被选中。3、在进行实际编程时,特别注意isChecked的判断,否则就会造成每个多选按钮不互斥了,从而达不到多选框的功能。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/31097f43d7d44831ae70ed12d40f822b75ee5130.jpg)
七、TimePicker、AnalogClock和DigitalClock日历时钟时间控件
1、一、TimePicker日历时间控件使用方法1、建立TimePicker的View视图。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/1d735518512c8cf16b3c3d86c384cde34a2c4630.jpg)
2、创建TimePicker对应的Activity,并设置改变时间时的监听事件。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f4416ef5b8b1ceaad7736bbc30.jpg)
3、二、AnalogClock和DigitalClock时钟控件使用方法AnalogClock时钟控件即是一种只可以显示的含有指针的图形圆形的时钟控件;DigitalClock时向煎疗哓钟控件即是一种只可以显示的数字、含有秒的数字时钟控件,但此控件已经过时,已经用TextClock控件所替代。下面介绍DigitalClock的用法。1、建立DigitalClock的View视图。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/0da37be7340f6478d2b8a50cfd3e21c2bad6b530.jpg)
4、创建DigitalClock对应的Activity,并设置改变时间时的监听事件。
![零基础编写android项目:[3]UI控件篇](https://exp-picture.cdn.bcebos.com/6ca98461862541931e73abb1df1bd10ff326ab30.jpg)
八、ProgressBar进度条、SeekBar滑动条和RatingBar评分控件
1、在手机应用中的进度条、滑动条和评分控件,进度条是你见过的加载游戏时、更新应用时等情苄念上妒况,屏幕出现一条进度栏;滑动条是调节音量时出现的;而评分控件是当你在淘宝给卖家评价时出现的恽贴淑溪类似5星评价。详细教程请参阅经验“android进度条、滑动条和评分控件的基础教程”。
九、Spinner下拉菜单控件
1、Spinner下拉菜单控件在实际开发中也很实用,具体教程参见经验:“androidUI控件Spinner下拉菜单控件两种使用方法”。
十、ScrollView滚动布局控件
1、ScrollView滚动布局控件在新闻客户端等图文结合的app中经常常见,具体教程参见经验:“android的ScrollView滚动布局获取数据基础方法”。
十一、自定义adapter适配器
1、我们的app经常要美化外观,这样才能赢得用户的喜爱,因此,这就需要自定义adapter适配器,而具体教程参见经验:“android自定义适配器adapter基本使用方法”。
十二、android单元测试
1、想必大家都知道android模拟器也是个头疼的事,有事打不开不说,还一次又一次的执行程序,会造成大量的事件,降低工作效率,所以android提供单元测试,可以提高工作效率,何乐而不为,具体教程参见经验:“android如何在项目中进行单元测试”。