Android View之用户界面...

2021-10-14 00:14:36

PS：Android的控件真的是很多...现在还在忙到控件...也是神了....

学习内容：

1.Spinner下拉菜单...

2.AutoComplete TextView自动完成文本框...

1.Spinner下拉菜单....

  下拉菜单，这个是非常熟悉的...这个大部分应用基本是有的...比较常用，相对而言，挺简单的，就是有些地方不那么容易理解而已...Spinner这个东西需要使用到适配器...那什么是适配器呢？到底是干什么用的呢？就是将我们保存的数据更好的显示在View上...这就是适配器的基本作用...这样说有可能有点抽象...上个代码....这里我们先在xml文件中定义一个类似于数组的一个东西来保存数据...这里的数据信息就代表下拉菜单将要显示的数据...

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <string name="app_name">下拉菜单...</string>

    <string name="action_settings">...</string>

    <string name="color">选择颜色：</string>

    <string-array name="colors">

      <item>red</item>

      <item>blue</item>

      <item>green</item>

      <item>white</item>

    </string-array>

</resources>

布局文件基本没什么东西，直接在布局的文件中加入一个下拉菜单控件就行了...

  <TextView

        android:id="@+id/color"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/color"/>

    <Spinner

        android:id="@+id/spinner"

        android:layout_height="wrap_content"

        android:layout_width="fill_parent"

        android:prompt="@string/color"/>

<!--prompt表示的是在初始情况下显示的文本...-->

这里最主要的还是java文件...这个java文件给我的感觉才是最坑人的...有一些东西很不容易理解...比如说ArrayAdapter这是个数组适配器，这个数组适配器的目的就是为了保存我们的数据资源..

package com.example.andorid_radio;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemSelectedListener;

import android.widget.Spinner;

import android.widget.ArrayAdapter;

import android.widget.Toast;

public class MainActivity extends Activity {

    Spinner sp;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        sp=(Spinner)findViewById(R.id.spinner);

        //创建一个数组适配器...这个适配器将保存实例的资源信息和id信息...以及列表显示的风格...

        /* public static ArrayAdapter<CharSequence> 字符集合 createFromResource(Context context,

         *  int textArrayResId, int textViewResId) {        传递的是当前这个资源文件的TextView中的id信息并读取资源文件里的数据生成适配器...

         *    CharSequence[] strings = context.getResources().getTextArray(textArrayResId);//获取数据源在数组内的标识符..说白了就是string.xml文件里的数据...

         *    return new ArrayAdapter<CharSequence>(context, textViewResId, strings);//返回一个字符集类型的适配器..textViewResId表示的是布局文件里控件的id信息..

         *    }

         *  上面这个东西是createFromResource的源码..内容很清楚...

         *  下面函数的三个参数this表示当前Activity，R.array.colors表示的是string.xml文件里的string-array...

         *  android.R.id.layout.simple_spinner_item..表示布局文件里的下拉列表...

         * */

        ArrayAdapter adapter=ArrayAdapter.createFromResource(this, R.array.colors, android.R.layout.simple_spinner_item);

        //设置下拉时的效果...这里为系统默认的效果...

        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        //设置下拉列表选项里的内容信息为数组适配器内的数据信息...

        sp.setAdapter(adapter);

        //定义子元素选择监听器...

        OnItemSelectedListener oisl=new OnItemSelectedListener() {

            @Override

            /*这里解释一下这几个参数的含义...AdapterView<?> arg0这个表示的是下拉列表被选择..View arg1...表示哪个子元素被选择..

             * arg2表示适配器内哪一个view被选择的定位... arg3表示哪一行被选择...

             * arg0.getItemAtPosition(arg2).toString()表示下拉列表内的选项被选择的信息...被转化成字符串的形式显示出来...

             * */

            public void onItemSelected(AdapterView<?> arg0, View arg1,

                    int arg2, long arg3) {

                // TODO Auto-generated method stub

                //用一个信息提示框来显示触发的信息...

                Toast.makeText(MainActivity.this, arg0.getItemAtPosition(arg2).toString(), Toast.LENGTH_SHORT).show();

            }

            @Override

            public void onNothingSelected(AdapterView<?> arg0) {

                // TODO Auto-generated method stub

            }

        };

        //

        sp.setOnItemSelectedListener(oisl);

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

}

2.AutoCompleteTextView自动完成文本框...

  自动完成文本框与适配器捆绑在一起，这个控件的基本作用就是当我们在输入信息的时候，系统会根据适配器里的内容进行自动匹配显示...这个空间也是非常常用的...我们来看看它的作用...

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <string name="app_name">下拉菜单...</string>

    <string name="action_settings">...</string>

    <string-array name="province">

        <item>shan dong</item>

        <item>jiang su</item>

        <item>an hui</item>

        <item>zhe jiang</item>

        <item>fu jian</item>

        <item>shang hai</item>

        <item>guang dong</item>

        <item>guang xi</item>

        <item>hai nan</item>

        <item>hu bei</item>

        <item>hu nan</item>

        <item>he nan</item>

        <item>jiang xi</item>

        <item>bei jing</item>

        <item>tian jin</item>

        <item>he bei</item>

        <item>shan xi</item>

        <item>nei meng gu</item>

        <item>ning xia</item>

        <item>xin jiang</item>

        <item>qing hai</item>

        <item>shan xi</item>

        <item>gan su</item>

        <item>si chuan</item>

        <item>yun nan</item>

        <item>gui zhou</item>

        <item>xi zang</item>

        <item>chong qing</item>

        <item>liao ning</item>

        <item>ji lin</item>

        <item>hei long jiang</item>

        <item>tai wan</item>

        <item>xiang guang</item>

        <item>ao men </item>

        <item>山东</item>

        <item>江苏</item>

        <item>安徽</item>

        <item>浙江</item>

        <item>福建</item>

        <item>上海</item>

        <item>广东</item>

        <item>广西</item>

        <item>海南</item>

        <item>湖北</item>

        <item>湖南</item>

        <item>河南</item>

        <item>江西</item>

        <item>北京</item>

        <item>天津</item>

        <item>河北</item>

        <item>山西</item>

        <item>内蒙古</item>

        <item>宁夏</item>

        <item>*</item>

        <item>青海</item>

        <item>陕西</item>

        <item>甘肃</item>

        <item>四川</item>

        <item>云南</item>

        <item>贵州</item>

        <item>*</item>

        <item>重庆</item>

        <item>辽宁</item>

        <item>吉林</item>

        <item>黑龙江</item>

        <item>*</item>

        <item>香港</item>

        <item>澳门</item>

    </string-array>

</resources>

这个xml文件大家一看就懂，就是弄了一个string数组，里面来保存我们的数据信息...然后就是布局文件...

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="省份"/>

    <!--这里completionThreshold="1"这句话表示的是我们输入几个字符时才给出提示，我这个就是输入一个字符就会给出提示...-->

    <AutoCompleteTextView

        android:id="@+id/AutoCompleteTextView01"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:hint="请输入省份..."

        android:completionThreshold="1">

    </AutoCompleteTextView>

</RelativeLayout>

  很简单的布局文件...因为不是什么成品的东西，所以涉及的东西就很少...前面已经说过AutoCompleteTextView是与适配器进行绑定的一个控件...因此必然少不了适配器的存在..接着我们看看java文件...

package com.example.andorid_radio;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.ArrayAdapter;

import android.widget.AutoCompleteTextView;

public class MainActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        String [] province=getResources().getStringArray(R.array.province);//目的是获取string.xml文件里的数据信息...

        //然后将我们获取的数据信息放入到新建的数组适配器当中...

        ArrayAdapter<String> adapter =new ArrayAdapter<String>(this,android.R.layout.simple_dropdown_item_1line,province);

        AutoCompleteTextView acv=(AutoCompleteTextView)findViewById(R.id.AutoCompleteTextView01);

        //将acv与适配器进行绑定...

        acv.setAdapter(adapter);

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

}

3.DatePicker控件...

  日期选择控件，其实就是一个修改日期时间的一个控件...这里放入一个文本显示控件用来显示信息,另一个按钮用来进行触发，当按钮被触发的时候会显示一个新的窗口来修改日期时间信息...

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <TextView

        android:id="@+id/TextView01"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="请设置日期"/>

    <Button

        android:id="@+id/Button01"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="设置日期和时间"/>

</RelativeLayout>

然后就是java文件...

package com.example.andorid_radio;

import java.util.Calendar;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.DatePicker;

import android.widget.Button;

import android.widget.TextView;

import android.app.DatePickerDialog;

import android.app.DatePickerDialog.OnDateSetListener;

import android.view.View.OnClickListener;

import android.app.Dialog;

public class MainActivity extends Activity {

    private int myear,mmonth,mday;

    Button btn_1;

    TextView dateDisplay;

    static final int Date_Dialog_Id=0;

    //当日期被设置的时候触发监听器...

    private OnDateSetListener osl=new DatePickerDialog.OnDateSetListener(){

        @Override

        public void onDateSet(DatePicker view, int year, int monthOfYear,

                int dayOfMonth) {

            // TODO Auto-generated method stub

            myear=year;

            mmonth=monthOfYear;

            mday=dayOfMonth;

            dateDisplay.setText(myear+"-"+mmonth+"-"+mday);

        }

    };

    //重写方法...创建一个新的窗口然后返回...

    @Override

    protected Dialog onCreateDialog(int id){

        switch(id){

        case Date_Dialog_Id:{

            //这里必须要传递这五个参数...

            return new DatePickerDialog(this,osl,myear,mmonth,mday);

            }

        }

        return null;

    }

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        final Calendar c=Calendar.getInstance();

        myear=c.get(Calendar.YEAR);

        mmonth=c.get(Calendar.MONTH);

        mday=c.get(Calendar.DAY_OF_MONTH);

        //按钮点击时被触发...

        OnClickListener osl=new Button.OnClickListener(){

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                //重写其内部的方法来显示窗口...

                showDialog(Date_Dialog_Id);

            }

        };

        dateDisplay=(TextView)findViewById(R.id.TextView01);

        btn_1=(Button)findViewById(R.id.Button01);

        btn_1.setOnClickListener(osl);

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

}

PS：在日出之前奔跑，在夕阳之下辉煌...

上一篇：什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的 IE？


下一篇：CF 452A(Eevee-直接试)