物联网大赛 - Android学习笔记(二)Andriod 应用界面编程
学习目标:
Android的程序界面和View组件
View组件和ViewGroup组件
常见的布局管理器
文本框组件TextView和EditView
按钮组件Button 和ImageButton
特殊按钮RidoButton、CheckBox
事件显示组件AnalogClock与DigitalClock
使用AlertDialog创建弹窗
Taost创建提示
使用Notification发送全局通知
一、概念:
Android应用开发中需要友好的图形界面,而android提供了丰富的UI组件,开发者需要使用这些单独的组件组成完美的UI界面
二、使用XML文件布局UI界面
Android推荐使用XML布局视图,可以达到分离代码和视图原则。
在res/layout目录下定义任意一个xml文件,R.java会自动收录布局资源。设置activity显示视图。
setContentView(R.layout.<资源文件名称>);
注:当布局多个UI组件时,都可以为该UI组件指定android:id属性,在代码中访问
findViewById(R.id.<资源文件名称>);
在代码中获得UI组件之后:就可以通过代码控制UI组件的外观行为,包括组件的事件监听等等
实践:自定义一个UI界面
1、在Mainfest.xml文件中注册activity
<!--注册Activity-->
<activity android:name=".Infomation"></activity>
2、布局对应的UI视图文件
案例:设置背景图片轮播
//定义所有的轮播图片
int[] images =new int[]{
R.mipmap.img_01,R.mipmap.img_02,R.mipmap.img_03};
//定义初始下标为0
int CurrentIndex = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_infomation);
//获取ImageView
final ImageView iv = (ImageView) findViewById(R.id.showView);
iv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(CurrentIndex >=2){
CurrentIndex=-1;
}
//改变ImageView中的Src属性值
iv.setImageResource(images[++CurrentIndex]);
}
});
}
案例:通过单选按钮和复选框按钮获取用户信息
RadioButton 单选框、CheckBox复选框,单选框和复选框会多出指定android:checked 属性,该属性指定是否可以被选中。
<LinearLayout
android:layout_width="match_parent"
android:layout_height="200dp"
android:orientation="vertical">
<android.support.v7.widget.AppCompatTextView
android:layout_width="match_parent"
android:layout_height="30dp"
android:gravity="center"
android:text="选择相关信息" />
<AutoCompleteTextView
android:layout_width="wrap_content"
android:id="@+id/showPersonInfo"
android:layout_height="wrap_content" />
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rg">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/man"
android:checked="true"
android:text="男" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/women"
android:text="女" />
</RadioGroup>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<android.support.v7.widget.AppCompatCheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"
android:text="红色" />
<android.support.v7.widget.AppCompatCheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="蓝色"/>
</LinearLayout>
实践案例:计时器定时时钟
DigitalClock和AnalogClock都可以显示当前时间,不同的前者是数字时钟,可以显示当前秒数,后者是模拟时钟,不会显示当前秒数。Android中提供了Chronometer计时器
属性如下:基本属性如下
setBase()设置计时器开始时间
Start()开始计时
Stop()停止计时
btnStart.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//设置计时开始时间,获取系统时间
ch.setBase(SystemClock.elapsedRealtime());
//启动计时
ch.start();
}
});
//停止计时
btnEnd.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
ch.stop();
}
});
用户选择日期和时间DatePicker和TimePicker
用户选择日期,并为日期选择绑定监听器。
ListView列表视图
ListView是常用的列表控件,以垂直列表的形式显示数据
常用属性
public class ListDate extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_list_date);
//找到ListView控件
ListView lv = (ListView)findViewById(R.id.List_it);
//创建数组数据
String[] arr = {"李白","杜甫","杜牧"};
//将数组进行包装
ArrayAdapter<String> adapter = new ArrayAdapter<String>(ListDate.this,android.R.layout.simple_list_item_1,arr);
lv.setAdapter(adapter);
}
}
对话框使用:Toast
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_taost_test);
Button btn = (Button) findViewById(R.id.toastTest);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//Toast.LENGTH_SHORT显示时间长短
//show()调用显示方法
Toast.makeText(TaostTest.this,"弹窗设置",Toast.LENGTH_SHORT).show();
}
});
}
本文来自博客园,作者:明金同学,转载请注明原文链接:https://www.cnblogs.com/vmuu/p/15663507.html
公众号:【明金同学】