Android从入门到进阶之高级控件

た入场券 2022-09-12 11:43 208阅读 0赞

# 高级控件 #

## 1.自动完成文本控件 ##

> 在搜索引擎（百度、搜狗）输入几个文字，会出来一些提示。可以减少用户的输入，提高程序的效率。刚才看到的自动提示，ajax技术。

1.1AotoCompleteTextView

取消下拉：Esc或BackSpace键

步骤：

1.定义一个字符串数组（有后台了，从后台读取），用于保存自动提示的数据。

2.将此字符串数组放入到数组适配器(ArrayAdapter)。

3.利用AutoCompleteTextView的setAdapter()方法，将字符串数组加入到AutoCompleteTextView对象中，设置自动完成文本控件的适配器。

2.MutilAutoCompleteTextView

后台代码：

package com.aaa.zyg001;
    // 这个是包的定义
    //import导入相关的类;
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.graphics.Color;
    import android.os.Bundle;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.view.KeyEvent;
    import android.view.View;
    import android.widget.ArrayAdapter;
    import android.widget.AutoCompleteTextView;
    import android.widget.Button;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.DatePicker;
    import android.widget.EditText;
    import android.widget.ImageButton;
    import android.widget.ImageView;
    import android.widget.MultiAutoCompleteTextView;
    import android.widget.RadioGroup;
    import android.widget.Switch;
    import android.widget.TextView;
    import android.widget.ToggleButton;
    
    import org.w3c.dom.Text;
    
    import java.util.Calendar;
    //直接这个类，实现一个抽象类的抽象方法
    public class MainActivity extends AppCompatActivity { 
        //1.定义字符串数组;
        String[]arr={ "郑州","安阳","洛阳","驻马店","安庆","安溪","安阳西","安阳东"};
        AutoCompleteTextView myAuto;
    
        MultiAutoCompleteTextView myMulti;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //获取内容
            //1.当前对象，单行项目行；填充内容
            ArrayAdapter<String>adapter=new ArrayAdapter<>(this, android.R.layout.simple_dropdown_item_1line,arr);
    // System.out.println(adapter+"-------");
            myAuto=(AutoCompleteTextView)findViewById(R.id.myAuto);
            myMulti=(MultiAutoCompleteTextView)findViewById(R.id.myMulti);
    
            System.out.println(myAuto+"======");
            myAuto.setAdapter(adapter);
            //设置显示自动提示需要的字符串
            myAuto.setThreshold(1);
            //-------------------------------------------------------------
            myMulti.setAdapter(adapter);
            //用来区分不同的子串;
            myMulti.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
            myMulti.setThreshold(1);
    
        }
    }

效果图：

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center]

## 2.下拉列表控件 ##

Spinner，当用户单击该控件的时候，弹出选择列表供用户选择，且只能选择一项。同网页中的Select,同C\#中的Combox。

使用步骤：

1.先定义一个字符串数组，用于保存下拉列表的数据；在实际使用中，可以从数据库获取数据；

2.将此字符串数组存入数组适配器（ArrayAdapter)。

3.利用Spinner的setAdapter()方法，将适配器加入到Spinner对象中，设置自动完成文本框的适配器。

属性：

spinnerMode 设置下拉列表的模式；dialog或者dropdown

dropDownWidth getDropDownWidth()

setDropDownWidth(int pix) 设置下拉框的宽度

gravity getGravity()/setGravity() 设置选定项目的对齐方式

事件

setOnItemSelectedListener(AdapterView.OnItemSelectedListener) 当列表被选中时触发的事件

--------------------

<TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tv" android:text="请选择城市" android:textSize="20dp"/>
        <Spinner android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/citySp" android:spinnerMode="dropdown"/>
        <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tv_city" android:textSize="20dp"/>

后台代码

//1.变量和数据的声明
        TextView tv_city;
        Spinner citySp;
        //字符串数组
        String[]arr={ "深圳","东莞","珠海","哈尔滨"};
    
      //获取内容
            tv_city=(TextView) findViewById(R.id.tv_city);
            citySp=(Spinner) findViewById(R.id.citySp);
    
            //适配器:和自动完成文本一致
            ArrayAdapter<String>adapter=new ArrayAdapter<>(this, android.R.layout.simple_spinner_item,arr);
    
            citySp.setAdapter(adapter);
            //下拉列表的事件
            citySp.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener(){ 
    
                @Override
                public void onItemSelected(AdapterView<?> parent, View view, int position,long id) { 
                    //当我们在下拉列表上单击
                    tv_city.setText(arr[position]);
                }
    
                @Override
                public void onNothingSelected(AdapterView<?> adapterView) { 
    
                }
            });

效果图：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

## 3.进度条和滑块 ##

进度条：

用于某些资源的加载、文件下载和大量数据处理等，使用进度条为用户提供明确的操作结束时间，让用户能够了解目前程序的进度及其状态。

### 3.1 ProgressBar ###

属性：

max getMax() setMax() 设置或获取进度条的上限

progress getProgress() setProgress() 设置或获取进度条的进度

后台代码

public class MainActivity extends AppCompatActivity { 
        //1.变量
        ProgressBar fileDown;
        Button btnProgress;
    
        int progress=0;     //进度为0
        int max=102400;
    
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        //============================
            fileDown=(ProgressBar) findViewById(R.id.fileDown);
            btnProgress=(Button)findViewById(R.id.btn_progress);
            //设置进度条的最大值
            fileDown.setMax(max);
            //设置按钮的事件
            btnProgress.setOnClickListener(new View.OnClickListener() { 
                @Override
                public void onClick(View view) { 
                    //一步一步来
                    int seed=max-progress;
                    Random random=new Random();
                    int current=random.nextInt(seed);
    
                    progress=progress+current;
                    fileDown.setProgress(progress);
                }
            });
    
    
        }
    }

运行效果：

nt seed=max-progress;  
Random random=new Random();  
int current=random.nextInt(seed);

progress=progress+current;
                fileDown.setProgress(progress);
            }
        });
    
    
    }

运行效果：
    
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/d8593d6b74d24504b62c84d7694e1f38.png#pic_center)
    
    **4.滑块案例**
    
    SeekBar控件，用来接收用户输入的控件，类似于拖动条，可以直观的显示用户需要的数据。可以显示数值，也可以设置标度。
    
    设置音量，使用滑块。
    
    ```xml
     <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="调节音量"
            android:textSize="20dp"/>
        <SeekBar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/sk_vol"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/tv_cur"/>

后台代码

public class MainActivity extends AppCompatActivity { 
        //1.设计变量 对象
        SeekBar sk_vol;
        AudioManager myAudio;   //声音管理对象;
        TextView tv_cur;        //当前声音的提示
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //-------------------------------------------------
            sk_vol=(SeekBar) findViewById(R.id.sk_vol);
            tv_cur=(TextView)findViewById(R.id.tv_cur);
            //获取系统声音服务;
            myAudio=(AudioManager) getSystemService(Context.AUDIO_SERVICE);
            //音乐流声音最大值
            int maxVol=myAudio.getStreamMaxVolume(AudioManager.STREAM_MUSIC);
            //当前系统声音;
            int sysVol=myAudio.getStreamVolume(AudioManager.STREAM_MUSIC);
    
            //绑定到滑块
            sk_vol.setMax(maxVol);
            sk_vol.setProgress(sysVol);
            sk_vol.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { 
                @Override
                public void onProgressChanged(SeekBar seekBar, int i, boolean b) { 
                    //当滑动的时候，不能划到负数
                    int tempInt=seekBar.getProgress();
                    if(tempInt<1)
                        tempInt=1;
    
                    myAudio.setStreamVolume(AudioManager.STREAM_MUSIC,tempInt,0);
                    tv_cur.setText("当前音量："+tempInt);
                }
    
                @Override
                public void onStartTrackingTouch(SeekBar seekBar) { 
    
                }
    
                @Override
                public void onStopTrackingTouch(SeekBar seekBar) { 
    
                }
            });
        }
    }

显示效果

**5.列表视图**

listView是一个常用的控件，会根据屏幕大小，把具体的内容以列表的形式显示出来，例如电话本、通信记录等。

属性

choiceMode 选择模式：list没有选择模式：none；singleChoice 一项选中；multipleChoice:多项选中。

divider: 项目之间用某个图形或颜色来分割。

dividerHeight 分割符的高度。

方法

setOnItemClickLister(AdapterView.OnItemClickListener) 列表项被单击时触发的事件

setOnItemSelectedListener(AdapterView.OnItemSelectedListener) 当列表项改变时被触发的事件

getCheckedItemIds() 返回检查项目标识的集合

4个xml界面文件

1.activity\_main.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
       <TextView
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:text="列表视图案例"
           android:textSize="20dp"/>
        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/btn_arr"
            android:text="使用ArrayAdapter为ListView绑定数据"/>
        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/btn_simple"
            android:text="使用SimpleAdapter为ListView绑定数据"/>
    </LinearLayout>

2.arrayadapter.xml

3.simpleadapter.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="热歌排行榜"
            android:textSize="20dp"/>
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:text="歌曲"
                android:layout_weight="1"/>
            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:text="歌手"
                android:layout_weight="1"/>
            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:text="时长"
                android:layout_weight="1"/>
        </LinearLayout>
        <ListView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:divider="#555555"
            android:dividerHeight="1dp"
            android:id="@+id/simpleAdapter"/>
    </LinearLayout>

4.list.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/song_name"/>
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/singer"/>
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/album"/>
    
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/duration"/>
    </LinearLayout>

3个java代码

1.MainActivity.java

package com.aaa.zyg001;
    // 这个是包的定义
    //import导入相关的类;
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.content.Context;
    import android.content.Intent;
    import android.graphics.Color;
    import android.media.AudioManager;
    import android.os.Bundle;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.view.KeyEvent;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.AutoCompleteTextView;
    import android.widget.Button;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.DatePicker;
    import android.widget.EditText;
    import android.widget.ImageButton;
    import android.widget.ImageView;
    import android.widget.MultiAutoCompleteTextView;
    import android.widget.ProgressBar;
    import android.widget.RadioGroup;
    import android.widget.SeekBar;
    import android.widget.Spinner;
    import android.widget.Switch;
    import android.widget.TextView;
    import android.widget.ToggleButton;
    
    import org.w3c.dom.Text;
    
    import java.util.Calendar;
    import java.util.Random;
    
    //直接这个类，实现一个抽象类的抽象方法
    public class MainActivity extends AppCompatActivity {
        Button btn_ArrayAdapter;
        Button btn_SimpleAdapter;
    
    
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //======数组适配器初始化；参数：this当前对象；1行；数组内容
            //获取变量对应的控件
            btn_ArrayAdapter=(Button)findViewById(R.id.btn_arr);
            btn_SimpleAdapter=(Button)findViewById(R.id.btn_simple);
    
            //下面是监听事件
            btn_ArrayAdapter.setOnClickListener(new View.OnClickListener(){
                /**
                 * 需要用到后面的技术点;
                 * @param view
                 */
                @Override
                public void onClick(View view) {
                    Intent intent=new Intent();
                    //需要增加该类
                    intent.setClass(MainActivity.this,ArrayAdapterActivity.class);
                    //启动;
                    startActivity(intent);
                }
            });
    
            btn_SimpleAdapter.setOnClickListener(new Button.OnClickListener(){
                @Override
                public void onClick(View view) {
                    Intent intent=new Intent();
                    //需要增加该类
                    intent.setClass(MainActivity.this,SimpleAdapterActivity.class);
                    //启动;
                    startActivity(intent);
                }
            });
        }
    }

2.ArrayAdapterActivity.java

package com.aaa.zyg001;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.os.PersistableBundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.ListView;
    import android.widget.TextView;
    
    import androidx.annotation.Nullable;
    import androidx.appcompat.app.AppCompatActivity;
    
    public class ArrayAdapterActivity extends AppCompatActivity {
        /* 定义我们需要的类的对象*/
        ListView listView;
        ArrayAdapter<String>adapter;
        TextView tv_Content;
    
        //复制也行，不复制也可以;
    
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            //猜测是加载某个xml文件，设置界面视图
            setContentView(R.layout.arrayadapter);
            //----------------------------------------
            listView=(ListView) findViewById(R.id.arrayList);
            //星期数组
            final String[] weekList={"周一","周二","周三","周四","周五","周六","周日"};
            adapter=new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,weekList);
    
            listView.setAdapter(adapter);
    
            //设置监听事件;
            listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
                    tv_Content=(TextView) findViewById(R.id.tv_content);
                    tv_Content.setText("您的选择是："+weekList[position]);
                }
            });
        }
    }

3.SimpleAdapterActivity.java

package com.aaa.zyg001;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ListView;
    import android.widget.SimpleAdapter;
    
    import androidx.annotation.Nullable;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    public class SimpleAdapterActivity extends Activity {
        //1.声明变量
        String[]songs=new String[]{"国歌","歌唱祖国","夏天的风","无人之岛"};
        String[]singer=new String[]{"聂耳","无","Uu","任然"};
        String[]albums=new String[]{"国歌","歌唱祖国","夏天的风","无人之岛"};
        String[]duratioins=new String[]{"3:56","3:17","4:45","4:37"};
    
        ListView listView;
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.simpleadapter);//获取布局xml
            //
            listView=(ListView) findViewById(R.id.simpleAdapter);
            //泛型+Map集合
            List<Map<String,Object>> listItem=new ArrayList<Map<String,Object>>();
    
            for(int i=0;i<songs.length;i++){
                Map<String,Object>item=new HashMap<String,Object>();
                item.put("song",songs[i]);
                item.put("singer",singer[i]);
                item.put("album",albums[i]);
                item.put("duration",duratioins[i]);
    
                listItem.add(item);
            }
            SimpleAdapter  myAdapter=new SimpleAdapter(getApplicationContext(),
                    listItem,
                    R.layout.list,
                    new String[]{"song","singer","album","duration"},
                    new int[]{R.id.song_name,R.id.singer,R.id.album,R.id.duration});
            //绑定
            listView.setAdapter(myAdapter);
        }
    }

1个整合配置文件

<?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.aaa.zyg001">
    
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/Theme.Zyg001">
            <activity
                android:name=".MainActivity"
                android:exported="true">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
            
            <activity android:name=".ArrayAdapterActivity"></activity>
            <activity android:name=".SimpleAdapterActivity"></activity>
             
        </application>
    
    </manifest>

效果图：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 2]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 3]  
![在这里插入图片描述][bd565e7d834b48e5b72d48bc296bfe97.png_pic_center]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/0c964d2afab342f68eb1712b41715068.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: /images/20220828/5e82b93dd44a42a09896e9fc9c50ed98.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 2]: /images/20220828/98216a367674498e8af37d725a10c344.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdGVhX3llYXI_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 3]: /images/20220828/3af307a0ea644c3887e9a02dd787c668.png
[bd565e7d834b48e5b72d48bc296bfe97.png_pic_center]: /images/20220828/6e519c1f55384107803342227efb3261.png