您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

安卓设置spinner边框及文字水平居中

发布时间：2021-07-23 13:50:45编辑：雪饮阅读（）

 其实是想实现类似h5那种select元素的效果，就是下拉框有四个边的边框。

但是安卓中的下拉框一般用spinner实现的，而spinner实现默认是不带边框的，那么对于文字居中效果就看的不太明显了。
因为对于spinner目前，咱们只说其本体，而不是下拉体的居中，其实网上建议有覆写spinner内置的item那个view，即覆写android.R.layout.simple_spinner_dropdown_item布局组件。
但亲自试了之后发现并不是很优雅，效果也不是很理想。
那么对于spinner本体的文字水平居中，只能利用上级布局实现水平居中，如：
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="0dip"
    android:padding="0dip"
    android:gravity="center"
    android:layout_gravity="center"
    >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选择字体:"
        />
    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:entries="@array/languages"
        android:textAlignment="center"
        android:layout_margin="0dip"
        android:padding="0dip"
        android:gravity="center"
        android:background="@drawable/spinner_border"
        />
</LinearLayout>
但是这样实现下来，加上本来spinner是有右边箭头的，中间的各种间距呀边距呀导致实际上看到的效果不是很理想。
所以这里利用红色标记这个背景代码位置载入了一个自定义边框
这个边框的实现spinner_border.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 第一组item：设置边框-->
    <item>
        <shape>
            <!-- 设置边框线宽度和颜色-->
            <stroke
                android:width="0.5dp"
                android:color="#000000" >
            </stroke>
            <!-- 设置圆角度数-->
            <corners android:radius="0dp" />
            <!-- 设置背景颜色-->
            <solid android:color="#ffffff" />
            <!-- padding：设置边距-->
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" >
            </padding>
        </shape>
    </item>

    <!-- 第二组item：设置spinner箭头图片(替换默认箭头) -->
    <!-- bitmap.gravity：设置spinner的箭头放置位置-->
    <!--
    bitmap.src：设置替换原spinner的箭头的图片资源
    如：
     android:src="@图片资源id"
    -->


</layer-list>

实际上这样实现下来，右边箭头的实现比较棘手，因为它是利用背景遮罩的方式实现的，那么对于第二个item箭头，你有两种方法，一种是用一个图片，图片内容透明的背景，图片右边是箭头图案，或者其它利用背景遮罩来实现，这里暂时只是有种直觉应该能更优雅的办到，就比如获取原来的箭头然后利用背景遮罩实现。

其实本来比较纠结这个，毕竟完全模仿网页那种select有点麻烦，并且又同时保持优雅，应该是不容易办到，于是有另外的想法，就是左侧放一个“选择字体:”然后右边这个就加四个边的边框，假定它就是按钮，虽然它不是按钮。。。
本来纠结于是否这样就放弃自己追求完美的原则，今天听到安卓说这样实现很low，好吧，决定了，不纠结了，该放手时就放手。