Android第三方开源下拉框:NiceSpinner



Android第三方开源下拉框:NiceSpinner

Android原生的下拉框Spinner基本上可以满足Android开发对于下拉选项的设计需求,但现在越来越流行的下拉框不满足于Android原生提供的下拉框Spinner所提供的设计样式,而改用自定制或者第三方设计的下拉框Spinner。
NiceSpinner是一个第三方开源的下拉框Spinner,其在github上的项目主页是:https://github.com/arcadefire/nice-spinner
NiceSpinner原设计效果如动图所示:


但是通常开发者对于可能还需要对于下拉框中出现的文字和样式进行二次开发,比如如果希望NiceSpinner的选中文本颜色或者下拉弹出框中的文字有些变化,则需要重新二次定制NiceSpinner code项目中的NiceSpinnerBaseAdapter, NiceSpinnerBaseAdapter中的getView返回的view表现形式即为下拉框中的结果:

//这个方法将返回下拉列表的形制,可以在这里修改和二次定制开发。
    //zhang phil 注解
    @Override
    @SuppressWarnings("unchecked")
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView textView;

        if (convertView == null) {
            convertView = View.inflate(mContext, R.layout.spinner_list_item, null);
            textView = (TextView) convertView.findViewById(R.id.tv_tinted_spinner);

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                textView.setBackground(ContextCompat.getDrawable(mContext, mBackgroundSelector));
            }

            convertView.setTag(new ViewHolder(textView));
        } else {
            textView = ((ViewHolder) convertView.getTag()).textView;
        }

        textView.setText(getItem(position).toString());
        textView.setTextColor(mTextColor);
        
        //这里是被zhang phil修改的,用于改变下拉列表的文字颜色。
        textView.setTextColor(Color.RED);

        return convertView;
    }


修改后,写一个小demo演示,测试的MainActivity.java:

package zhangphil.demo;

import java.util.Arrays;
import java.util.LinkedList;
import org.angmarch.views.NiceSpinner;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;


public class MainActivity extends Activity {
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_main);

		NiceSpinner niceSpinner = (NiceSpinner) findViewById(R.id.nice_spinner);
		niceSpinner.setTextColor(Color.GREEN);

		LinkedList<String> data=new LinkedList<>(Arrays.asList("Zhang", "Phil", "@", "CSDN"));
		niceSpinner.attachDataSource(data);
	}	
}


布局文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="zhangphil.demo.MainActivity" >

    <org.angmarch.views.NiceSpinner
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:id="@+id/nice_spinner" />

</RelativeLayout>



代码运行结果:



我把NiceSpinner的代码库(library和实例demo)全部作为一个文件目录push到github上面,项目主页是:https://github.com/zhangphil/zhangphil-nice-spinner


转载于:https://my.oschina.net/zhangphil/blog/1601748

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android Spinner 下拉框默认情况下会在 Spinner 控件的下方弹出,覆盖掉部分内容。如果 Spinner 控件在屏幕的底部,下拉框会弹出在 Spinner 控件的上方。可以通过修改 Spinner 的属性来调整下拉框的位置,具体方法如下: 1. 设置 Spinner下拉框弹出位置 可以使用 Spinner 的 `setDropDownVerticalOffset()` 方法来设置下拉框的垂直偏移量,从而改变下拉框的弹出位置。例如: ```java Spinner spinner = findViewById(R.id.spinner); spinner.setDropDownVerticalOffset(100); // 将下拉框往下偏移 100 像素 ``` 2. 自定义下拉框的布局 可以使用自定义布局来替换系统默认的下拉框布局,从而实现自定义的下拉框位置。具体步骤如下: - 创建自定义的下拉框布局文件(例如 `custom_spinner_dropdown_layout.xml`),并在其中添加下拉框的内容和样式; - 创建一个 ArrayAdapter 或 CursorAdapter,并在其中指定自定义的下拉框布局; - 将 ArrayAdapter 或 CursorAdapter 设置给 Spinner。 示例代码: ```xml <!-- custom_spinner_dropdown_layout.xml --> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center_vertical" android:paddingLeft="16dp" android:paddingRight="16dp" android:paddingTop="8dp" android:paddingBottom="8dp"> <ImageView android:id="@+id/icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <TextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="16sp" android:textColor="@android:color/black" android:paddingLeft="16dp" android:paddingRight="16dp" android:text="Item" /> </LinearLayout> ``` ```java // 创建 ArrayAdapter 并指定自定义下拉框布局 ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.custom_spinner_dropdown_layout, items); adapter.setDropDownViewResource(R.layout.custom_spinner_dropdown_layout); Spinner spinner = findViewById(R.id.spinner); spinner.setAdapter(adapter); ``` 注意:自定义下拉框布局的高度应该设置为 `wrap_content`,以便根据内容自动计算高度。如果设置为固定高度,可能会导致下拉框内容无法完全显示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值