相信大家已经对适配有了一定了解,特别是自定义适配器,我们之前也做了一个练习,这次我们再来做一个巩固一下:
这次就是使用spinner显示 的有教师编号、教师性别(使用图片显示)、教师姓名;
同样我们和之前一样,布局好spinner
1、主布局:
<?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=".TeachersActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="教师基本信息"
android:layout_gravity="center_horizontal"
android:layout_marginTop="30dp"
android:textSize="30sp"
/>
<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:id="@+id/sp_techer"
android:layout_marginTop="20dp"/>
</LinearLayout>
为了简单我们就使用线性布局做,方向为垂直,一个标签显示标题,一个spinner下拉列表
2、创建一个spinner子选项布局,我们可以看到,我们这里同样是含有图片、字符串,所以我们同样需要定义布局来做:
<?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="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv_code"
android:layout_marginRight="10dp"
android:textSize="25sp"
/>
<ImageView
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_marginRight="10dp"
android:id="@+id/img_sex"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="25sp"
android:id="@+id/tv_tname"
/>
</LinearLayout>
我们使用两个Textview和一个imageview来做,顺序按照图中的显示顺序来做,为了简单我们也用线性布局, 其中的间距、字体大小的个性化设计就看你们自己;
3、创建实体类
package com.example.teacherlists_activity;
//1.1 创建好布局文件和列表布局之后,我们创建一个教师实体类
public class Teacher {
//1.2 教师实体类含有三个属性,编号、性别和姓名
String code;
String sex;
String name;
//1.3 实现有参构造和get、set方法
public Teacher(String code, String sex, String name) {
this.code = code;
this.sex = sex;
this.name = name;
}
public String getCode() {
return code;
}
public void setCode(String code) {
this.code = code;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
实体类是我们用来存放数据的对象,这里一般我们根据spinner子选项中的东西来设计,我们的编号、名字和性别其实都可以使用字符串来显示,所以就设计三个字符串属性,然后通过构造方法、get,set函数来规范我们的实体化对象,当然也是为了不让程序出问题,需要初始化好这些方法;
4、创建自定义适配器:
package com.example.teacherlists_activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import org.w3c.dom.Text;
import java.util.List;
//2.1 在创建完成了教师实体类之后,我们创建一个自定义教师适配器类
public class TeacharAdapter extends BaseAdapter {
//2.3 同样我们有两个参数
//一个是上下文,一个是教师数据列表
Context context;
List<Teacher> teacherlist;
//2.4 必不可少的构造方法
public TeacharAdapter(Context context, List<Teacher> teacherlist) {
this.context = context;
this.teacherlist = teacherlist;
}
//2.2 这是实现了适配器基类的接口方法
@Override
public int getCount() {
return teacherlist.size();
}
@Override
public Object getItem(int i) {
return teacherlist.get(i);
}
@Override
public long getItemId(int i) {
return i;
}
//2.5 重点是我们拿到数据之后需要在下面的函数里对数据进行显示,赋值到列表元素的视图中
@Override
public View getView(int i, View view, ViewGroup viewGroup) {
//2.7 获取到我们的列表元素视图对象
view = LayoutInflater.from(context).inflate(R.layout.techaractivity,null);
//2.8 获取到视图中组件对象并且赋值
TextView tv_code,tv_tname;
ImageView img_sex;
tv_code=view.findViewById(R.id.tv_code);
tv_tname=view.findViewById(R.id.tv_tname);
img_sex=view.findViewById(R.id.img_sex);
//2.9 拿到当前的teacher对象
Teacher teacher = teacherlist.get(i);
tv_code.setText(teacher.getCode());
tv_tname.setText(teacher.getName());
//2.10 我们在对图片赋值的时候需要判断该对象的性别
if(teacher.getSex().equals("男")){
img_sex.setImageResource(R.drawable.boy);
}else{
img_sex.setImageResource(R.drawable.girl);
}
//2.11 赋值完毕,返回视图对象即可
return view;
}
}
这一步和之前的差不多,也是非常关键,关键在我们获取视图并且赋值上面,我们先获取到视图对象,然后在定义好视图对象的组件对象,我们有三个,两个是Textview,一个Imageview,我们的编号和姓名就是放在Textview里面,我们可以使用settext()方法,对于imageview我们就要根据数据对象的性别来设计,我们要设置这些数据,那么这个数据在哪里呢?
getView(int i, View view, ViewGroup viewGroup)
我们看这个参数,其中有一个i,这个就是获取数据对象的下表,没错我们就是新建一个数据对象Teacher,然后初始化的时候就是利用这个下表从数据列表中取,也就是我们的成员:
List<Teacher> teacherlist;
在设计性别的时候,我们需要判断一下我们的性别男女,我们使用字符串的equals()方法来进行比较,如果是男的我们就放boy的图片,其他就是gril图片,使用setImageResource().这个方法来设置图片就可以,最后我们返回视图即可;
5、主类里面使用适配器
package com.example.teacherlists_activity;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Spinner;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
public class TeachersActivity extends AppCompatActivity {
//3.1 我们已经自定义好了我们的实体对象和适配器,需要在主类里面存储数据
//3.2 先定义好我们要用到的数据,自定义适配器和spinner
List<Teacher> teacherList;
Spinner sp_techer;
TeacharAdapter teacharAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_teachers);
init_data();
//3.6 将我们的spinner实例化一下
sp_techer = findViewById(R.id.sp_techer);
//3.7 准备就绪就设置好适配器并且toast一下
sp_techer.setAdapter(teacharAdapter);
sp_techer.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
Toast.makeText(TeachersActivity.this, teacherList.get(i).getCode(), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected(AdapterView<?> adapterView) {
}
});
}
//3.3 编写一个数据初始化函数来处理数据
private void init_data(){
//3.5 不要忘了我们的列表初始化
teacherList = new ArrayList<>();
//3.4 填充列表并且初始化适配器
teacherList.add(new Teacher("20181234","男","刘备"));
teacherList.add(new Teacher("20181202","男","关羽"));
teacherList.add(new Teacher("20181288","男","张飞"));
teacherList.add(new Teacher("20171235","女","貂蝉"));
teacharAdapter = new TeacharAdapter(this,teacherList);
}
}
主类里面我们获取到spinner对象,然后使用setAdapter()方式使用就可以,在这之前,我们使用数据初始化函数将我们的数据列表获取一下,这里我就简单我自定义了几个,当然,大家可以从网上获取,然后定义我们的自定义好的适配器对象,使用到spinner上面就可以了;
最后,我们增强可玩性,使用一个toast将我们选择的子选项的编号输出一下,记住这个监听方法,我们在监听方法里面toast,还是挺简单的,快去试试吧!
如果找不到素材,公众号搜索:代码占;回复spinner作业;可以拿到这一期和上一期的资源;