简介：大三学生党一枚！主攻Android开发，对于Web和后端均有了解。
个人语录：取乎其上，得乎其中，取乎其中，得乎其下，以顶级态度写好一篇的博客。
在开发过程中，经常会用到Spinner列表，比如说选择学院班级，选择省市等。如何实现联动的省市选择，本篇会给出答案。Spinner用法比较简单，但是想要用的好，还是需要对它熟悉才可以，下面一起来学习Spinner。
Spinner的常用方法如下
//有的概念不好理解，通过图片来展示spinner.setAdapter();//设置适配器spinner.setDropDownHorizontalOffset(xx pixel);//用来设置下拉列表选择框的水平偏移距离spinner.setDropDownVerticalOffset(xx pixel);//用来设置下拉列表选择框的垂直偏移距离spinner.setDropDownWidth(xx pixel);//设置下拉列表选择框的宽度spinner.setGravity();//设置当前选中项的定位的对齐方式spinner.setOnItemClickListener();//设置item的点击事件spinner.setPopupBackgroundDrawable(Drawable drawable);//设置下拉列表选择框的背景颜色spinner.setPopupBackgroundResource(int id);spinner.setPrompt(String str);//设置该spinner的提示信息spinner.setSelection(int position)
正常情况下（什么都不设置）Spinner如图：
setDropDownHorizontalOffset：不会超出最右边的边界
setDropDownVerticalOffset：可以设置负值，表示向上偏移
setDropDownWidth() ：设置选择框的宽度
setPopupBackgroundDrawable：设置背景效果
spinner.setPrompt:设置提示信息，仅在dailog模式下有效，需设置style
<Spinnerandroid:id="@+id/spinner"android:layout_width="200dp"android:layout_height="wrap_content"android:prompt="@string/app_name"style="@android:style/Widget.Spinner"android:layout_gravity="center_horizontal"></Spinner>
setSelection(int position):设置选中项
这样解释应该都可以知道每个方法的作用了！看这几张图，麻烦看官点个赞吧！
使用原生的Spinner来制作一个列表，有以下两种方法
<Spinnerandroid:id="@+id/spinner"android:layout_width="200dp"android:entries="@array/subject"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"></Spinner>
<?xml version="1.0" encoding="utf-8"?>
<resources><array name="subject"><item>计算机科学与技术</item><item>软件工程</item><item>信息科学与技术</item><item>网络工程</item><item>物联网</item></array>
</resources>
使用很简单，只需要设置一个onItemSelectedListener
效果如图：
在代码中使用数组，需要通过setAdapter() 进行设置，最常用的适配器就是ArrayAdapter，
具体用法：
String[] str = new String[]{"计算机科学与技术","软件工程","信息管理与科学","网络工程","物联网"};ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_spinner_item,str);adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);spinner.setAdapter(adapter);spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position, long id) {switch (position){case 0:Toast.makeText(getApplicationContext(), "计算机科学与技术", Toast.LENGTH_SHORT).show();break;case 1:Toast.makeText(getApplicationContext(), "软件工程", Toast.LENGTH_SHORT).show();break;case 2:Toast.makeText(getApplicationContext(), "信息管理与科学", Toast.LENGTH_SHORT).show();break;case 3:Toast.makeText(getApplicationContext(), "网络工程", Toast.LENGTH_SHORT).show();break;case 4:Toast.makeText(getApplicationContext(), "物联网", Toast.LENGTH_SHORT).show();break;}}@Overridepublic void onNothingSelected(AdapterView<?> parent) {}});1.spinner.setOnItemClickListener会报错，需要使用spinner.setOnItemSelectdListenter
2.如果之前选择了某一项，当前屏幕方向发生变化时，该项的事件会被重新触发一次。
下面进入重头戏，如何改造Spinner,打造炫酷的列表呢？
创建ArrayAdapter时，传入了一个布局android.R.layout.simple_spinner_item,可以看一下源码
<TextView xmlns:android="" android:id="@android:id/text1"style="?android:attr/spinnerItemStyle"android:singleLine="true"android:layout_width="match_parent"android:layout_height="wrap_content"android:ellipsize="marquee"android:textAlignment="inherit"/>这可以看出为什么使用ArrayAdapter只能显示简单的文字，他只有一个TextView控件
可见自定义Spinner可以分成以下几步：
1.自定义Layout
2.自定义Adapter
3.处理逻辑
下面做一个和微信顶部效果相同的列表
layout布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutandroid:layout_marginTop="5dp"xmlns:android=""android:layout_width="match_parent"android:layout_height="80dp"><ImageViewandroid:id="@+id/wechat_image"android:layout_marginLeft="16dp"android:layout_gravity="center_vertical"android:src="@drawable/add_friend"android:layout_width="64dp"android:layout_height="64dp"></ImageView><LinearLayoutandroid:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:text="新的朋友"android:id="@+id/wechat_text"android:textSize="24sp"android:textColor="#555555"android:gravity="center_vertical"android:layout_marginLeft="24dp"android:layout_width="match_parent"android:layout_height="79dp"></TextView><Viewandroid:background="#EEEEEE"android:layout_width="match_parent"android:layout_height="1dp"></View></LinearLayout>
</LinearLayout>
Adapter代码
@Overridepublic void initWidget() {int[] photos = new int[]{R.drawable.add_friend,R.drawable.friends,ag,R.drawable.pub};String[] des = new String[]{"新的朋友","群聊","标签","公众号"};MyAdapter myAdapter = new MyAdapter(photos,des,getApplicationContext());spinner.setAdapter(myAdapter);}public class MyAdapter extends BaseAdapter implements SpinnerAdapter{private int[] photos;private String[] des;private Context context;public MyAdapter(int[] photos,String[] des,Context context){this.photos=photos;this.des=t=context;}@Overridepublic int getCount() {return photos.length;}@Overridepublic Object getItem(int position) {return des[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {convertView = LayoutInflater.from(context).inflate(R.layout.wechat_item, null);ImageView imageView = convertView.findViewById(R.id.wechat_image);TextView textView = convertView.findViewById(R.id.wechat_text);imageView.setImageResource(photos[position]);textView.setText(des[position]);return convertView;}}
spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position, long id) {switch (position){case 0:Toast.makeText(getApplicationContext(), "新的朋友", Toast.LENGTH_SHORT).show();break;case 1:Toast.makeText(getApplicationContext(), "群聊", Toast.LENGTH_SHORT).show();break;case 2:Toast.makeText(getApplicationContext(), "标签", Toast.LENGTH_SHORT).show();break;case 3:Toast.makeText(getApplicationContext(), "公众号", Toast.LENGTH_SHORT).show();break;}}
效果图
虽然有差别，但还是有点像的，大佬们不要挑细节哈
感谢阅读本篇博客，希望对您能有所帮助
先别走，我有一个资源学习群要推荐给你，它是白嫖党的乐园，小白的天堂！
别再犹豫，一起来学习！
本文发布于:2024-02-04 19:29:21，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170714775358800.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
