物联网大赛 - Android学习笔记(二)Andriod 应用界面编程
阅读原文时间:2023年07月09日阅读:2

学习目标:

一、概念:

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组件的外观行为,包括组件的事件监听等等

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