Question

我想设计一个简单的微调器，如下所示：

以下是我的代码： sinnerBg.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item
      android:state_window_focused="false" android:state_enabled="true"
      android:drawable="@android:color/black" />
  <item>
    <layer-list>
      <item>
        <shape>

          <solid android:color="#ffffff" />
          <stroke android:width="1dp" android:color="#000000" />



          <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />
        </shape>
      </item>
      <item >
        <bitmap android:gravity="right" android:src="@drawable/arrow_down" />
      </item>
    </layer-list>
  </item>

</selector>

在style.xml中：

 <style name="spinner_style">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:background">@drawable/spinnerBg</item>
    <item name="android:layout_margin">10dp</item>
    <item name="android:paddingLeft">8dp</item>
    <item name="android:paddingRight">20dp</item>
    <item name="android:paddingTop">5dp</item>
    <item name="android:paddingBottom">5dp</item>
    <item name="android:popupBackground">#000000</item>
    <item name="backgroundTint">#ffffff</item>
    <item name="android:textColor">#000000</item>
  </style>

我的axml文件中的Spinner：

<Spinner
            android:layout_width="64.0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.75"
            android:ems="10"
            android:spinnerMode="dropdown"
            android:layout_marginRight="6.0dp"
            android:id="@+id/PIC"
            android:layout_marginTop="12.5dp"
            style="@style/spinner_style" />

填充微调器的代码：

ArrayAdapter<ViewModel> myAdapter = new ArrayAdapter<ViewModel>(this, Android.Resource.Layout.SimpleSpinnerDropDownItem, InfoList);
_spinner.Adapter = myAdapter;

我的微调器的选定文本颜色为白色，这就是为什么微调器选择的文本不会显示在我的页面中：

我错过了什么？有什么帮助吗？

修改发生这种情况是因为我的微调器位于线性布局内，背景颜色为白色：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
android:background="@color/white">

我希望我的页面是白色的。这就是我为root linearlayout设置白色背景的原因。

Answer 1

我设法解决了这个问题。希望能帮助到你。这是我的解决方案：

<强> style.xml：

<style name="spinner_style">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:background">@drawable/gradient_spinner</item>
    <item name="android:layout_marginTop">2dp</item>
  </style>

<强> gradient_spinner.xml

<?xml version="1.0" encoding="utf-8" ?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

  <item>
    <layer-list>
      <item>
        <shape>
          <solid android:color="#ffffff" />
          <stroke android:width="1dp" android:color="#000000" />
          <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />
        </shape>
      </item>
      <item >
        <bitmap android:gravity="bottom|right" android:src="@drawable/ic_arrow_down" />
      </item>
    </layer-list>
  </item>

</selector>

我在这里做了一个更改，添加了自定义布局的SetDropDownViewResource：

ArrayAdapter<AgentViewModel> agentAdapter = new ArrayAdapter<AgentViewModel>(this, Resource.Layout.custom_spinner_item, InfoList);
agentAdapter.SetDropDownViewResource(Resource.Layout.spinner_dropDowm_item_view);
_spinner.Adapter = agentAdapter;

<强> spinner_dropDowm_item_view.xml

<TextView
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:gravity="left"
  android:textColor="@color/white"
  android:padding="10dp"
/>

并将spinner_style样式添加到微调器：

<Spinner
 android:layout_width="64.0dp"
 android:layout_weight="0.75"
 android:ems="10"
 android:spinnerMode="dropdown"
 android:id="@+id/spinner"
 android:layout_marginTop="12.5dp"
 android:layout_column="1"
 android:layout_columnSpan="3"
 android:layout_row="0"
 android:layout_columnWeight="3"
 android:layout_marginRight="7.0dp"
 android:layout_marginBottom="4.5dp"
 style="@style/spinner_style" />

Answer 2

您可以使用

android:spinnerItemStyle
android:spinnerDropDownItemStyle

您缺少设置

textAppearanceSmallPopupMenu

 <item name="android:textAppearanceSmallPopupMenu">@style/my_style</item>

<强>最后

<style name="my_style" parent="@android:style/TextAppearance.DeviceDefault.Widget.PopupMenu.Small">
        <item name="android:textColor">#000000</item>
        <item name="android:textSize">12sp</item>
    </style>

带边框的微调器

2 个答案: