在我们使用百度搜索资料的时候,输入一两个字符的时候就会自动弹出一些相关的高频词:
我们把这个叫做自动填充,在我们的安卓上有一个专门的组件用来做这个效果,不过不是经常用:aotucompletetextview
<AutoCompleteTextView
android:layout_width="260dp"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:completionHint="城市推荐"
android:id="@+id/actv_city"
android:dropDownWidth="260dp"
android:dropDownHeight="wrap_content"
android:completionThreshold="2"
/>
该组件含有两个宽度和两个高度,它们分别是自动填充组件自己的,和推荐列表的:
android:completinotallow="城市推荐"就是推荐列表的左下角的提示文字;
android:completinotallow="2"是设定如果输入两个字符就会弹出提示列表,,当然你想设计几个就写几个;
我们从布局文件上看不到我们所写的数据,因为我们放在了后台的数据处理类里面,使用的是自定义的本地数据,但是我们在浏览器弹出的是服务器下载的,我这里为了简单就使用自定义数据:
废话不多说,我们直接创建一个数组标签,在values的String.xml 文件里面
<resources>
<string name="app_name">DialogTextActivity</string>
<array name="acpt_city">
<item >shanghai</item>
<item >jiangxi</item>
<item >shandong</item>
<item >zhejiang</item>
<item >liaoning</item>
<item >shanxi</item>
</array>
</resources>
很明显,我们要将后台的数据显示到页面布局上,所以要使用到基础的适配器之一(ArrayAdapter)这个适配器我们之前讲过:
public class MainActivity extends AppCompatActivity {
//1.1 使用自动填充程序,我们定义好布局文件和相关属性在创建一个变量
AutoCompleteTextView actv_city ;
//由于匿名内部类成员的级数和外部方法相等,所以我们需要将变量定义为全局
int index = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//1.2 初始化这个组件,新建一个数列适配器将我们定义好的数列值放到布局显示
actv_city=findViewById(R.id.actv_city);
ArrayAdapter arrayAdapter = ArrayAdapter.createFromResource(this,R.array.acpt_city, android.R.layout.simple_dropdown_item_1line);
//1.3 使用这个适配器
actv_city.setAdapter(arrayAdapter);
}
}
要想将数据显示到组件上面,我们只需要创建一个数列适配器,拿到我们定义好的数据然后放在组件上面就可以了( actv_city.setAdapter(arrayAdapter););
代码还是挺简单,所以我们也就不过多赘述,现在让我们来看看今天我们要做的程序,我们常见的对话框(AlertDialog):
视频演示:
Alerdialog
1、单选对话框的制作:
也就是在对话框里面放一个单选框,在这之前我们先了解一下什么是对话框?
AlertDialog()就是我们常见的消息弹窗,有只弹出信息的当然也有弹出选项的,对话框一般分为三个部分:标题部分、内容部分、按钮部分;这几个部分含有相关的方法对其设定,我们通常用在按钮的监听当中,是我们学到现在遇到的第一个只用Java代码就可以显示的一个组件:
含有:
setTitle():设置标题;setView():设置视图;setSinglechoiceItems():设置单选框
setIcon():设置图标;setCancelable():设置不可点击取消,也就是当我们点击出对话框以外的部分时对话框不会消失;setNegativeButton():设置取消按钮;setPositiveButton():设置确定按钮;
我们现在布局文件中设置好按钮,然后添加一个单击监听属性然后布置一下对话框的内容:
<TextView
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="单选框"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击弹出"
android:textSize="20dp"
android:onClick="btn_single"
android:layout_gravity="center_horizontal"/>
设置好之后,我们创建一个对话框对象,还有数组数据,因为我们需要吐司出我们所选择的数据故 创建一个变量来存储 我们选择的子项:index(数组下标)
//2.1 单选按钮逻辑处理
public void btn_single(View view) {
//2.2 先创建一个对话框,最普通的,参数为上下文
AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);
//2.3 对单选框进行单选按钮的设计,穿件一个数据数组和一个变量用来存储我们的数据下标
String[] fruit = new String[]{"苹果","香蕉","西瓜","橘子"};
alertDialog.setTitle("选择你喜欢的水果");
alertDialog.setIcon(R.drawable.icon);
alertDialog.setSingleChoiceItems(fruit, index, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//2.4 在设置单选按钮的时候需要将我们的下表存储
index = i;
}
});
alertDialog.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
Toast.makeText(MainActivity.this, "你喜欢的水果是:"+fruit[index], Toast.LENGTH_SHORT).show();
}
});
//2.5 我们为了体验好,需要设置不可点击空白取消属性
alertDialog.setCancelable(false);
alertDialog.show();
}
因为是使用纯Java代码,所以这里一些属性要注意,设置按钮的时候第一个参数的名称,第二个是单击响应函数,我们需要在后面的匿名内部类里面处理我们的对象,当我们选择了一个选项,点击确定按钮的时候,我们通过index来确定我们选择的是哪一个数据;
在设置单选框内容的时候,我们使用的方法有三个参数,第一个是我们的数据列表,第二个是默认选择的数据,第三个也是个单击响应函数,主要是监听我们选择了哪一个选项,然后负责将我们选择的选项的索引存储到index之中,方便后面的toast;
2、复选框:
其实这一些类型的对话框都是一个普通对话框,内容分别不同而已,从对话框的布局可以看到,就是开头说的三个部分,所以我们只需要更改内容和一些单击响应函数就可以了,这里我们需要设置一个多选框的属性,有三个参数:
在这之前,我们需要将主布局的按钮写出来,我们可以复制前面的,这里我们设置的按钮单击响应函数为btn_multipy;
//3.1 对复选框的逻辑处理,按钮响应函数
public void btn_multipy(View view) {
//3.2 我们使用联级操作来做
//3.3 首先创建好我们的数据数组
String[] city = new String[]{"上海","北京","杭州","成都","浙江"};
//3.4 然后创建我们的默认选择项,注意这里长度一定要和数据数组一致
boolean[] booleans = new boolean[]{true,true,false,false,false};
Dialog dialog = new AlertDialog.Builder(this).
setTitle("你喜欢哪几个城市").
setIcon(R.drawable.icon).
setMultiChoiceItems(city, booleans, new DialogInterface.OnMultiChoiceClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i, boolean b) {
//3.5 通过用户的选项来获取数据
booleans[i] = b;
}
}).
setCancelable(false).
setPositiveButton("确认", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//3.6 将获取的数据利用toast输出
String strcity = "";
for(int j = 0 ;j < city.length;j++){
if(booleans[j]){
strcity += city[j] + " ";
}
}
Toast.makeText(MainActivity.this, "你喜欢的城市有:"+strcity, Toast.LENGTH_SHORT).show();
}
}).
setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
}
}).
create();
dialog.show();
}
补充一个知识点,我们这里用了联级操作,也就是一直点,这是kotlin的特点,毕竟以后的代码就不用Java写了;
其实关于联级操作我们可以看成就是给属性赋值,只是可以帮我们省去很多的冗余,就是每次都要使用对象点,我们可以直接点到底,像上面的操作,同样,我们使用数列,不过这里我们用了两个,一个存了数据,另一个就是存的选择的状态,我们利用这个状态可以得到我们选择的哪一些数据,方便后面的toast;
3、登录选项:
这个想必大家猜到了,同样是改的内容部分,只不过是改成了view,就和上面一样,我们写好setView()方法就可以了;
还记得我们之前是怎么做的spinner的子选项布局的吗?
需要在layout之中新建一个布局,就是上面图片显示的布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<EditText
android:layout_width="260dp"
android:layout_height="wrap_content"
android:hint="请输入用户名"
android:layout_gravity="center_horizontal"
android:textSize="20sp"
android:id="@+id/et_username"/>
<EditText
android:layout_width="260dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:hint="请输入密码"
android:layout_gravity="center_horizontal"
android:inputType="textPassword"
android:textSize="20sp"
android:id="@+id/et_password"/>
</LinearLayout>
我们之前做过相关的布局,其实就和用户注册页面差不多;
在设置逻辑处理函数的时候,为了方便我们依然使用联级操作:
//4.1 登录布局对话框的逻辑处理
public void btn_login(View view) {
//4.2 我们使用联级更简单一点
//4.3 在设置之前,我们需要获取到布局对象,是注册页面的
View v = LayoutInflater.from(this).inflate(R.layout.myloginlayout,null);
EditText et_username,et_password;
et_username = v.findViewById(R.id.et_username);
et_password = v.findViewById(R.id.et_password);
Dialog dialog = new AlertDialog.Builder(this).
setTitle("登录").
setIcon(R.drawable.icon).
setView(v).
setPositiveButton("登录", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//4.4 当我们点击的时候需要获取到我们的用户名和密码
String name ,password;
name = et_username.getText().toString();
password = et_password.getText().toString();
//4.5 使用我们的toast来提高我们的可玩性
Toast.makeText(MainActivity.this, "用户名:"+name+"\n密码:"+password, Toast.LENGTH_SHORT).show();
}
}).
setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
}
}).
setCancelable(false).
create();
dialog.show();
除了加了一个布局v和改了按钮中的单击响应函数之外,都差不多和之前一样,标题什么的写登录就行,最后一个函数是.create()这个要注意,show();方法要分开,不然是会报错的;
至于我们获取v的方法,其实就和之前我们做spinner练习里面一样,这已经是第三次,我想你们都已经很熟悉了,
LayoutInflater.from(this).inflate(R.layout.myloginlayout,null);使用这个方法可以获取我们刚刚创建的登录布局,然后创建变量来存储里面的组件对象,方便我们吐司出去,如果用在网络之中,那就更需要了,记得我们如何获取组件里面的数据吗:
et_username.getText().toString();
好了,其他地方就差不多了,这些属性比较人性化,英语懂得人应该看到这些属性就知道要怎么写,下面分享这一期的所有代码:
主布局部分:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="自动填充输入框"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
/>
<AutoCompleteTextView
android:layout_width="260dp"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:completionHint="城市推荐"
android:id="@+id/actv_city"
android:dropDownWidth="260dp"
android:dropDownHeight="wrap_content"
android:completionThreshold="2"
/>
<TextView
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="单选框"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击弹出"
android:textSize="20dp"
android:onClick="btn_single"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="复选框"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击弹出"
android:textSize="20dp"
android:onClick="btn_multipy"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="登录页面"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击弹出"
android:textSize="20dp"
android:onClick="btn_login"
android:layout_gravity="center_horizontal"/>
</LinearLayout>
登录布局部分:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<EditText
android:layout_width="260dp"
android:layout_height="wrap_content"
android:hint="请输入用户名"
android:layout_gravity="center_horizontal"
android:textSize="20sp"
android:id="@+id/et_username"/>
<EditText
android:layout_width="260dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:hint="请输入密码"
android:layout_gravity="center_horizontal"
android:inputType="textPassword"
android:textSize="20sp"
android:id="@+id/et_password"/>
</LinearLayout>
数组部分:
<resources>
<string name="app_name">DialogTextActivity</string>
<array name="acpt_city">
<item >shanghai</item>
<item >jiangxi</item>
<item >shandong</item>
<item >zhejiang</item>
<item >liaoning</item>
<item >shanxi</item>
</array>
</resources>
所有逻辑函数处理部分:
package com.example.dialogtextactivity;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.util.AndroidException;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
//1.1 使用自动填充程序,我们定义好布局文件和相关属性在创建一个变量
AutoCompleteTextView actv_city ;
//由于匿名内部类成员的级数和外部方法相等,所以我们需要将变量定义为全局
int index = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//1.2 初始化这个组件,新建一个数列适配器将我们定义好的数列值放到布局显示
actv_city=findViewById(R.id.actv_city);
ArrayAdapter arrayAdapter = ArrayAdapter.createFromResource(this,R.array.acpt_city, android.R.layout.simple_dropdown_item_1line);
//1.3 使用这个适配器
actv_city.setAdapter(arrayAdapter);
}
//2.1 单选按钮逻辑处理
public void btn_single(View view) {
//2.2 先创建一个对话框,最普通的,参数为上下文
AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);
//2.3 对单选框进行单选按钮的设计,穿件一个数据数组和一个变量用来存储我们的数据下标
String[] fruit = new String[]{"苹果","香蕉","西瓜","橘子"};
alertDialog.setTitle("选择你喜欢的水果");
alertDialog.setIcon(R.drawable.icon);
alertDialog.setSingleChoiceItems(fruit, index, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//2.4 在设置单选按钮的时候需要将我们的下表存储
index = i;
}
});
alertDialog.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
Toast.makeText(MainActivity.this, "你喜欢的水果是:"+fruit[index], Toast.LENGTH_SHORT).show();
}
});
//2.5 我们为了体验好,需要设置不可点击空白取消属性
alertDialog.setCancelable(false);
alertDialog.show();
}
//3.1 对复选框的逻辑处理,按钮响应函数
public void btn_multipy(View view) {
//3.2 我们使用联级操作来做
//3.3 首先创建好我们的数据数组
String[] city = new String[]{"上海","北京","杭州","成都","浙江"};
//3.4 然后创建我们的默认选择项,注意这里长度一定要和数据数组一致
boolean[] booleans = new boolean[]{true,true,false,false,false};
Dialog dialog = new AlertDialog.Builder(this).
setTitle("你喜欢哪几个城市").
setIcon(R.drawable.icon).
setMultiChoiceItems(city, booleans, new DialogInterface.OnMultiChoiceClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i, boolean b) {
//3.5 通过用户的选项来获取数据
booleans[i] = b;
}
}).
setCancelable(false).
setPositiveButton("确认", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//3.6 将获取的数据利用toast输出
String strcity = "";
for(int j = 0 ;j < city.length;j++){
if(booleans[j]){
strcity += city[j] + " ";
}
}
Toast.makeText(MainActivity.this, "你喜欢的城市有:"+strcity, Toast.LENGTH_SHORT).show();
}
}).
setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
}
}).
create();
dialog.show();
}
//4.1 登录布局对话框的逻辑处理
public void btn_login(View view) {
//4.2 我们使用联级更简单一点
//4.3 在设置之前,我们需要获取到布局对象,是注册页面的
View v = LayoutInflater.from(this).inflate(R.layout.myloginlayout,null);
EditText et_username,et_password;
et_username = v.findViewById(R.id.et_username);
et_password = v.findViewById(R.id.et_password);
Dialog dialog = new AlertDialog.Builder(this).
setTitle("登录").
setIcon(R.drawable.icon).
setView(v).
setPositiveButton("登录", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//4.4 当我们点击的时候需要获取到我们的用户名和密码
String name ,password;
name = et_username.getText().toString();
password = et_password.getText().toString();
//4.5 使用我们的toast来提高我们的可玩性
Toast.makeText(MainActivity.this, "用户名:"+name+"\n密码:"+password, Toast.LENGTH_SHORT).show();
}
}).
setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
}
}).
setCancelable(false).
create();
dialog.show();
}
}
都是很基础的语法,相信大家都能看懂,最后一个循环的意思就是取得用户选择的选项;