1.NiceSpinner下拉框控件介绍

Android原生的下拉框Spinner基本上可以满足Android开发对于下拉选项的设计需求,但现在越来越流行的下拉框不满足于Android原生提供的下拉框Spinner所提供的设计样式,而改用自定制或者第三方设计的下拉框Spinner。NiceSpinner是一个第三方开源的下拉框Spinner。

2.使用步骤

(1)build.gradle(project)中一段代码替换为如下内容:(android studio工程的标配)

buildscript {

    repositories {
google()
maven{url 'http://maven.aliyun.com/nexus/content/groups/public/'}
maven { url "https://jitpack.io" }
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.0'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
} allprojects {
repositories {
maven{url 'http://maven.aliyun.com/nexus/content/groups/public/'}
google()
maven { url "https://jitpack.io" }
}
}

(2)build.gradle(app)中添加依赖

dependencies {
implementation 'com.github.arcadefire:nice-spinner:1.4'
}

3.NiceSpinner下拉框控件的属性分析

You can add attributes to customize the view. Available attributes:

用户可以在xml文件布局中添加以下表格中的属性到NiceSpinner控件中,对NiceSpinner进行设置。

arrowTint color 设置下拉箭头上的颜色
hideArrow boolean
设置是显示还是隐藏下拉箭头
arrowDrawable reference set the drawable of the drop-down arrow
textTint color 设置文本颜色
dropDownListPaddingBottom dimension 设置下拉列表的底部填充(即设置下拉框控件的高度)

4.使用案例

(1)xml文件页面布局

<1>主界面页面布局文件:activity_main.xml

<?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"
android:gravity="center"
tools:context=".MainActivity"> <!--app:arrowTint="@color/red" 设置下拉箭头的颜色-->
<!--android:backgroundTint="@color/gray" 设置下拉框整体的颜色-->
<!--app:textTint="@color/blue" 设置下拉框字体的颜色-->
<!--android:backgroundTint="@color/pink" 设置整个空间的背景颜色-->
<org.angmarch.views.NiceSpinner
android:id="@+id/nice_spinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:arrowTint="@color/red"
app:textTint="@color/blue"
android:layout_margin="16dp"/> <Button
android:id="@+id/bt_getvalue"
android:text="获取选中值"
android:layout_width="match_parent"
android:layout_height="wrap_content" /> </LinearLayout>

<2>shape绘制NiceSpinner控件的背景图

平常在开发当中,通常会遇到这样的情况,就是会给控件增加一个背景,比如button,textview等!可以说shape就是一个形状定义工具。是xml绘图当中非常重要的一个工具。

使用shape一般是用来定义形状的,可以在xml上绘图,意思就是shape的表现形式就是一个xml文件,这个xml文件一般是放在drawable文件目录下,然后可以直接引用作为控件的背景。

shape_nicespinner.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- view背景色 -->
<solid android:color="#52a2e2" />
<!-- 边框颜色 宽度 -->
<stroke
android:width="1dip"
android:color="#52a2e2" />
<!-- 边框圆角 -->
<corners
android:bottomRightRadius="6dp"
android:topRightRadius="6dp"
android:bottomLeftRadius="6dp"
android:topLeftRadius="6dp"/>
</shape>

shape_button_bg_normal.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- view背景色 -->
<solid android:color="@color/pink" />
<!-- 边框颜色 宽度 -->
<stroke
android:width="1dip"
android:color="@color/pink" />
<!-- 边框圆角 -->
<corners
android:bottomRightRadius="15dp"
android:topRightRadius="15dp"
android:bottomLeftRadius="15dp"
android:topLeftRadius="15dp"/>
</shape>

shape_button_bg_press.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- view背景色 -->
<solid android:color="@color/blue" />
<!-- 边框颜色 宽度 -->
<stroke
android:width="1dip"
android:color="@color/blue" />
<!-- 边框圆角 -->
<corners
android:bottomRightRadius="15dp"
android:topRightRadius="15dp"
android:bottomLeftRadius="15dp"
android:topLeftRadius="15dp"/>
</shape>

<3>图片选择器selector应用

selector_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--选中用蓝色的图-->
<item android:state_pressed="true" android:drawable="@drawable/shape_button_bg_press"></item>
<!--未选中用粉色的图-->
<item android:drawable="@drawable/shape_button_bg_normal"></item>
</selector>

(2)java后台

package com.example.administrator.test64nicespinner;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast; import org.angmarch.views.NiceSpinner; import java.util.Arrays;
import java.util.LinkedList;
import java.util.List; public class MainActivity extends AppCompatActivity { Button bt_getvalue;
NiceSpinner niceSpinner; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initUI();
} private void initUI() {
bt_getvalue = findViewById(R.id.bt_getvalue);
bt_getvalue.setBackgroundResource(R.drawable.selector_button); //给button设置自定义样式
bt_getvalue.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getApplicationContext(),niceSpinner.getText(),Toast.LENGTH_SHORT).show();
}
});
niceSpinner = findViewById(R.id.nice_spinner);
List<String> dataset = new LinkedList<>(Arrays.asList("One", "Two", "Three", "Four", "Five"));
niceSpinner.attachDataSource(dataset); //设置下拉框要显示的数据集合
niceSpinner.setBackgroundResource(R.drawable.shape_nicespinner); //设置控件的形状和背景
}
}

5.效果图

030 Android 第三方开源下拉框:NiceSpinner的使用+自定义Button样式+shape绘制控件背景图+图片选择器(selector)的更多相关文章

  1. Android第三方开源下拉框:NiceSpinner

     Android第三方开源下拉框:NiceSpinner Android原生的下拉框Spinner基本上可以满足Android开发对于下拉选项的设计需求,但现在越来越流行的下拉框不满足于Andro ...

  2. Android 第三方开源下拉框:NiceSpinner

    Android原生的下拉框Spinner基本上可以满足Android开发对于下拉选项的设计需求,但现在越来越流行的下拉框不满足于Android原生提供的下拉框Spinner所提供的设计样式,而改用自定 ...

  3. android 开发-spinner下拉框控件的实现

    Android提供实现下拉框功能的非常实用的控件Spinner. spinner控件需要向xml资源文件中添加spinner标签,如下: <Spinner android:id="@+ ...

  4. android+myeclipse+mysql下拉框数据绑定

    原创作品,允许转载,转载时请务必声明作者信息和本声明.http://www.cnblogs.com/zhu520/p/8027036.html 本人小白,那个大神看到有问题可指出,谢谢.... 一:我 ...

  5. Android 控件背景选择图片还是drawable XML资源

    决定一个控件应该是否用Drawable XML渲染,应考虑以下几个因素: * App是否要支持多分辨率: * App是否有瘦身的需要: * 图案是否足够简单: * 图案需要自由缩放: * 设计开发工作 ...

  6. Android 自定义spinner下拉框实现的实现

    请支持原创:http://blog.csdn.NET/geniuseoe2012/article/details/8723702 说到Android下拉框spineer,框架中虽有现成的控件,但实际效 ...

  7. 快速设计ComboBox下拉框

    传统软件项目开发时,需要每个控件一个一个的来设计,同时需要在页面功能中对每个控件的属性进行判定处理,尤其是页面风格布局样式需要花去一大半的时间,并且后续要想修改是非常麻烦繁琐,这样就导致设计完成一个功 ...

  8. android下拉框

    XML: <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:androi ...

  9. android+myeclipse+mysql自定义控件下拉框的数据绑定

    原创作品,允许转载,转载时请务必声明作者信息和本声明.http://www.cnblogs.com/zhu520/p/8031936.html 本人小白,那个大神看到有问题可指出,谢谢.... 这个是 ...

随机推荐

  1. 利用斗图啦网站API批量下载表情图片

    decorator.py #!/usr/bin/env python # -*- coding: utf-8 -*- import logging import os from functools i ...

  2. Python 程序打包成 exe 可执行文件

    Python 程序打包工具 Python 是一个脚本语言,被解释器解释执行.它的发布方式: .py 文件:对于开源项目或者源码没那么重要的,直接提供源码,需要使用者自行安装 Python 并且安装依赖 ...

  3. Git的使用(3) —— 远程版本库的操作(GitHub)

    1. 配置SSH (1) GitHub 登陆GitHub后,点击右上角头像,选择 Setting . 在左面栏目中选择"SSH and GPG keys". 打开生成的SSH公钥文 ...

  4. css设置使文字显示2行多余的为省略号...

    1 2 3 4 5 6 7 8 9 10 11 12 .title{        font-size: .7rem;        line-height: 1.5rem;          ove ...

  5. 第10组 Alpha冲刺(2/6)

    链接部分 队名:女生都队 组长博客: 博客链接 作业博客:博客链接 小组内容 恩泽(组长) 过去两天完成了哪些任务 描述 了解了如何根据系统获取的实际情况进行后端任务的调整 网易云音乐推荐算法的分析 ...

  6. 在Windows下编译Cef3.2623并加入mp3、mp4支持(附带源码包和最终DLL)《转》

    https://blog.csdn.net/zhuhongshu/article/details/54193842 源码包下载地址:点我下载 最终Dll.Lib.PDB.头文件下载地址(release ...

  7. [转]MyEclipse基础学习:Java EE Learning Center

    我就不翻译了,直接给出Java EE学习中心的原文链接: Java EE Learning Center 另外,给出MyEclipse IDE 环境中Apache Tomcat server服务器正常 ...

  8. Java 8 新特性总结

    一.Java 8 Lambda表达式 Lambda表达式,也称为闭包,它是推动Java 8发布的最重要新特性. Lambda允许把函数作为一个方法的参数(函数作为参数传递进方法). 1.1 语法 使用 ...

  9. RecyclerView 实现快速滚动 (转)

    RecyclerView 实现快速滚动 极小光  简书作者   简评:Android Support Library 26 中终于实现了一个等待已久的功能:RecyclerView 的快速滚动. An ...

  10. Javascript/CSS/HTML/vue/angularJS/react/jquery/DOM前端编程经典电子书pdf下载

    高级进阶必读 你所不知道的系列,高级开发必掌握. JavaScript这门语言简单易用,很容易上手,但其语言机制复杂微妙,即使是经验丰富的JavaScript开发人员,如果没有认真学习的话也无法真正理 ...