android实现下拉框(spinner),自定义大小颜色背景位置

1. 实现最简单的spinner

xml文件,有一个TextView,一个Spinner

<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"
     android:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
     android:paddingBottom="@dimen/activity_vertical_margin" 
     tools:context=".MainActivity">

     <TextView android:text="@string/hello_world" android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView" />

     <Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="50dp" />

</RelativeLayout>



.java文件:

public class MainActivity extends ActionBarActivity {
    private static final String[] name={"刘备","关羽","张飞","曹操","小乔"};
    private TextView text;
    private Spinner spinner;
    private ArrayAdapter<String> adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        text = (TextView) findViewById(R.id.textView);
        spinner = (Spinner) findViewById(R.id.spinner);

        //将可选内容与ArrayAdapter连接起来,simple_spinner_itemandroid系统自带样式
        adapter = ArrayAdapter.createFromResource(this, R.array.songs, android.R.layout.simple_spinner_item);
        //设置下拉列表的风格,simple_spinner_dropdown_itemandroid系统自带的样式,等会自定义修改
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); 

        //adapter 添加到spinner
        spinner.setAdapter(adapter);
        //添加事件Spinner事件监听
        spinner.setOnItemSelectedListener(new SpinnerSelectedListener());
    }

    //使用数组形式操作
    class SpinnerSelectedListener implements AdapterView.OnItemSelectedListener {
        public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,long arg3) {
            text.setText("我的名字是:"+name[arg2]);
        }

        public void onNothingSelected(AdapterView<?> arg0) {
        }
    }
}

 这里写图片描述


使用xml文件作为数据源创建adapter
<?xml version="1.0" encoding="utf-8"?>  
<resources>  
    <string-array name="songs">  
        <item>没有人</item>  
        <item>我的快乐时代</item>  
        <item>黄金时代</item>  
        <item>习惯失恋</item>  
        <item>你来自哪颗星</item>  
    </string-array>  
</resources>  

.java文件:

public class SpinnerActivity extends Activity {  

    private TextView text;  
    private Spinner spinner;  
    private ArrayAdapter adapter;  

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        // TODO Auto-generated method stub  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.spinner);  

        spinner = (Spinner) findViewById(R.id.spinner);  
        text = (TextView) findViewById(R.id.textView);  

        //将可选内容与ArrayAdapter连接起来  
        adapter = ArrayAdapter.createFromResource(this, R.array.songs, android.R.layout.simple_spinner_item);  

        //设置下拉列表的风格   
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  

        //adapter2 添加到spinner
        spinner.setAdapter(adapter);  

        //添加事件Spinner事件监听    
        spinner.setOnItemSelectedListener(new SpinnerXMLSelectedListener());  

    }  

    //使用XML形式操作  
    class SpinnerXMLSelectedListener implements OnItemSelectedListener{  
        public void onItemSelected(AdapterView<?> arg0, View arg1, int position,  
                long arg3) {  
            text.setText("你使用什么样的手机:"+adapter.getItem(position));  
        }  

        public void onNothingSelected(AdapterView<?> arg0) {  

        }  

    }  
}  


pinner有三个属性可以记一下:
android:spinnerMode="dropdown"
android:dropDownVerticalOffset="-50dp"
android:dropDownHorizontalOffset="20dp"
android:popupBackground="#f0000000" 

spinnerMode=dropdown时,为下拉模式 
spinnerMode=dialog时,会在界面中间弹出android:popupBackground=”#f0000000”,可以去除spinner的默认黑边
dropDownVerticalOffsetdropDownHorizontalOffset都是改变下拉框位置的


2.自定义spinner样式

改变字体颜色、大小和背景: 

新建一个xml布局文件,命名为spinner_item.xml:
<?xml version="1.0" encoding="utf-8"?> 
    <TextView xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:paddingRight="5dp" 
      android:textColor="#f77718" 
      android:gravity="left" 
      android:textSize="15sp" 
      android:padding="10dp" 
      android:singleLine="true" 
      android:text="New Text" 
      android:id="@+id/textView32" />

再创建一个下拉框样式布局的xml文件,命名为dropdown_stytle.xml:
<?xml version="1.0" encoding="utf-8"?> 
    <TextView xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:text="New Text" 
      android:padding="10dp" 
      android:singleLine="true" 
      android:textSize="15sp" 
      android:textColor="#f77718" 
      android:gravity="left" 
      android:background="#aa33ac" 
      android:id="@+id/textView3333" /> 

修改.java中的
//将可选内容与ArrayAdapter连接起来,simple_spinner_itemandroid系统自带样式 
adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,name); 
//设置下拉列表的风格,simple_spinner_dropdown_itemandroid系统自带的样式,等会自定义修改 
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item

为:

adapter = new ArrayAdapter<String>(this,R.layout.spinner_item,name);adapter.setDropDownViewResource(R.layout.dropdown_style);

如果下拉框有黑边,可以在spinner中加上属性android:popupBackground=”#f0000000”,可以去除spinner的默认黑边,that’sall~

最后的效果图:

这里写图片描述


  • 4
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
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`,以便根据内容自动计算高度。如果设置为固定高度,可能会导致下拉框内容无法完全显示。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值