0
点赞
收藏
分享

微信扫一扫

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程



学习目标:


  1. Android的程序界面和View组件
  2. View组件和ViewGroup组件
  3. 常见的布局管理器
  4. 文本框组件TextView和EditView
  5. 按钮组件Button 和ImageButton
  6. 特殊按钮RidoButton、CheckBox
  7. 事件显示组件AnalogClock与DigitalClock
  8.  使用AlertDialog创建弹窗
  9. Taost创建提示
  10. 使用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视图文件

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_java

案例:设置背景图片轮播

//定义所有的轮播图片
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]);

}
});
}

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_移动开发_02

案例:通过单选按钮和复选框按钮获取用户信息

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>

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_android_03

实践案例:计时器定时时钟

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是常用的列表控件,以垂直列表的形式显示数据

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_android_04

常用属性

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_物联网_05


物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_移动开发_06

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

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_java_07

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();
}
});
}

物联网大赛 - Android学习笔记(二)Andriod 应用界面编程_物联网_08


举报

相关推荐

0 条评论