Spinner控件详解
Spinner控件详解
效果图
修改Spinner样式
在介绍之前,先看一下系统原生的样式
6.x & 5.x系统样式
4.x系统样式
官方文档
XML属性 | 方法 | 描述 |
---|---|---|
android:dropDownHorizontalOffset | setDropDownHorizontalOffset(int) | Amount of pixels by which the drop down should be offset horizontally. |
android:dropDownSelector | List selector to use for spinnerMode=”dropdown” display. | |
android:dropDownVerticalOffset | setDropDownVerticalOffset(int) | Amount of pixels by which the drop down should be offset vertically. |
android:dropDownWidth | setDropDownWidth(int) | Width of the dropdown in spinnerMode=”dropdown”. |
android:gravity | setGravity(int) | Gravity setting for positioning the currently selected item. |
android:popupBackground | setPopupBackgroundResource(int) | Background drawable to use for the dropdown in spinnerMode=”dropdown”. |
android:prompt | The prompt to display when the spinner’s dialog is shown. | |
android:spinnerMode | Display mode for spinner options. |
填充数据
Spinner spinner = (Spinner) findViewById(R.id.spinner);
// 建立数据源
String[] mItems = {"Item 1", "Item 2", "Item 3", "Item 4"};
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, mItems);
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
spinner.setAdapter(adapter);
点击监听
spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int pos, long id) {
// TODO
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
// TODO
}
});
设置下拉框的位置(偏移量)
系统默认效果在上面已经看到了,下拉框的左上方顶点坐标与Spinner控件左上角顶点坐标在同一位置
设置垂直偏移量
- android:dropDownVerticalOffset
- setDropDownVerticalOffset(int)
垂直偏移量就是只在原基础上向下或者向上偏移多少像素
例如,有时候我们想要下拉框在Spinner下面显示,类似这样
我们可以这样写(XML)
<Spinner
android:id="@+id/spinner"
android:layout_width="wrap_content"
android:layout_height="40dp"
android:layout_margin="20dp"
android:dropDownVerticalOffset="40dp" />
设置水平偏移量
- android:dropDownHorizontalOffset
- setDropDownHorizontalOffset(int)
呃……
设置下拉框背景色
- android:popupBackground
- setPopupBackgroundResource(int)
和设置控件背景一样,除了色值也可以设置一个Shape,例如这样
android:popupBackground="@drawable/shape_green"
自定义Spinner内文字字体样式
方式一
我们在填充数据的时候,创建了一个ArrayAdapter
ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_spinner_item, mItems);
传进去一个item布局,这个XML就是Spinner字体样式的文件,我们可以自己创建一个XML传进去,例如:
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
style="?android:attr/spinnerItemStyle"
android:singleLine="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#FF5A5A5A"
android:ellipsize="marquee"
android:textAlignment="inherit"/>
方式二
在Spinner的监听里,获取到布局,修改样式,例如这样:
spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int pos, long id) {
// 获取到TextView
TextView tv = (TextView)view;
// 修改样式属性
tv.setTextColor(Color.BLUE);
tv.setTextSize(15f);
tv.setGravity(Gravity.CENTER);
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
Toast.makeText(MainActivity.this, "Nothing", Toast.LENGTH_SHORT).show();
}
});
自定义下三角样式
可以通过设置背景色,将这个三角冲掉
方式一
添加一个带有下三角的背景图
方式二
将背景色设置为透明
<Spinner
……
android:background="@android:color/transparent"
…… />
然后在Spinner的TextView上画一个我们想要的图案
android:drawableRight="@mipmap/dropmenu_icon_down"
思路就是这样,具体怎么修改,可以参考上面的“自定义Spinner内文字字体样式”,效果如下:
自定义下拉框中Item样式
我们在创建完Adapter以后,设置了一个下拉框里的Item样式,是一个系统样式
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
那么,我们自定义一个自己的样式,就可以啦。例如这样:
<?xml version="1.0" encoding="utf-8"?><!--
/*
**Spinner 下拉Item的样式
*/
-->
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
android:layout_width="match_parent"
android:layout_height="@dimen/y61"
android:ellipsize="marquee"
android:gravity="right|center"
android:maxEms="30"
android:paddingRight="@dimen/x28"
android:singleLine="true"
android:textColor="#FF262626"
android:textSize="@dimen/x28" />
效果图
设置下拉框风格
- android:spinnerMode
dropdown
android:spinnerMode="dropdown"
就是我们上面一直演示的样式。
dialog
android:spinnerMode="dialog"
弹窗的样式,像这样:
设置下拉框宽度
- android:dropDownWidth
其他
android:dropDownSelector
android:prompt
Spinner控件详解的更多相关文章
- android Spinner控件详解
Spinner提供了从一个数据集合中快速选择一项值的办法.默认情况下Spinner显示的是当前选择的值,点击Spinner会弹出一个包含所有可选值的dropdown菜单,从该菜单中可以为Spinner ...
- IOS—UITextFiled控件详解
IOS—UITextFiled控件详解 //初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGR ...
- picker控件详解与使用,(实现省市的二级联动)
picker控件详解与使用,(实现省市的二级联动) 第一步:新建一个单视图(single view)的工程, 命名为pickerTest,不要勾选下面两个选项,第一个是新版本里面的,第二个是单元测试, ...
- Switch控件详解
Switch控件详解 原生效果 5.x 4.x 布局 <Switch android:id="@+id/setting_switch" android:layout_widt ...
- ToolBar控件详解
ToolBar控件详解 在Activity中添加ToolBar 1.添加库 dependencies { ... compile "com.android.support:appcompat ...
- Android开发:文本控件详解——TextView(一)基本属性
一.简单实例: 新建的Android项目初始自带的Hello World!其实就是一个TextView. 在activity_main.xml中可以新建TextView,从左侧组件里拖拽到右侧预览界面 ...
- Android开发:文本控件详解——TextView(二)文字跑马灯效果实现
一.需要使用的属性: 1.android:ellipsize 作用:若文字过长,控制该控件如何显示. 对于同样的文字“Android开发:文本控件详解——TextView(二)文字跑马灯效果实现”,不 ...
- C++ CComboBox控件详解
转载:http://blog.sina.com.cn/s/blog_46d93f190100m395.html C++ CComboBox控件详解 (2010-09-14 14:03:44) 转载▼ ...
- 【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)
博客地址 : http://blog.csdn.net/shulianghan/article/details/50051499 ; 一. UI 控件简介 1. UI 控件分类 UI 控件分类 : 活 ...
随机推荐
- 使用Vertx重构系统小结
背景 前几个月,使用Vertx重构了公司的一个子系统,该系统负责公司核心数据subscriber的采集.处理.存储和搜索.这里介绍下重构该系统时的一些关键点. 架构 重构前系统部署图: 重构前系统主要 ...
- 调用Kubernetes API操作Kubernetes
准备工作 首先要准备一个1.5+版本的Kubernetes,并且开放了API Server的http访问端口8080.本文使用的是1.10的版本,没有环境的可以参考我上一篇文章<在CentOS ...
- 重拾Python(5):数据读取
本文主要对Python如何读取数据进行总结梳理,涵盖从文本文件,尤其是excel文件(用于离线数据探索分析),以及结构化数据库(以Mysql为例)中读取数据等内容. 约定: import numpy ...
- JavaScript之Promise对象
含义 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了 Promise 对象. ...
- tmux 终端复用详解
tmux是什么 我们在linux服务器上的工作一般都是通过一个远程的终端连接软件连接到远端系统进行操作,例如使用xshell或者SecureCRT工具通过ssh进行远程连接.在使用过程中,如果要做比较 ...
- codefroces 946G Almost Increasing Array
Description给你一个长度为$n$的序列$A$.现在准许你删除任意一个数,删除之后需要修改最小的次数使序列单调递增.问最小次数.$1≤n≤200000$ExamplesInput55 4 3 ...
- NOIP 2009 最优贸易
题目描述 C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个 城市之间最多只有一条道路直接相连.这 m 条道路中有一部分为单向通行的道路,一部分 为双向通行的道路 ...
- 【BZOJ2705】【Sdoi2012】Longge的问题
Description Longge的数学成绩非常好,并且他非常乐于挑战高难度的数学问题.现在问题来了:给定一个整数N,你需要求出\(\Sigma gcd(i, N) (1 \leq i \leq N ...
- ●HDU 3689 Infinite monkey theorem
题链: http://acm.hdu.edu.cn/showproblem.php?pid=3689题解: KMP,概率dp (字符串都从1位置开始) 首先对模式串S建立next数组. 定义dp[i] ...
- ●BZOJ 3238 [Ahoi2013]差异
题链: http://www.lydsy.com/JudgeOnline/problem.php?id=3238 题解: 后缀数组套路深. 问题转化为求出任意两个后缀的LCP之和 在计算贡献时,各种不 ...