Question

我试图稍微调整微调器中所选项目的位置。不下拉列表项，因为我已经在我的适配器中有自定义视图，但具体是所选项。

正如您在屏幕截图中看到的，“Any”是当前选定的项目。但它在容器内奇怪地对齐，因为它必须容纳下拉列表中最长的字符串，即“Dark Purple Burnt Sienna”（或其他）。我想将所选文本对齐到右边，以便“Any”位于下拉指示符旁边，而不是在中间输出。

我尝试调整自定义微调器项视图，但它对所选项没有任何影响。

我还试图在Spinner本身上设置重力和文本对齐，但它没有效果。

这是图像和xml：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/default_black"
        android:layout_centerVertical="true"
        android:text="Color" />

    <Spinner
        android:id="@+id/spn_color"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"/>

</RelativeLayout>

编辑：这是我的适配器：

public class ColorsAdapter<T> implements SpinnerAdapter {
    ArrayList<String> mColors;
    ArrayList<Integer> mValues;
    Context mContext;

    public ColorsAdapter(ArrayList<String> colors, ArrayList<Integer> values,
                              Context context) {
        mContext = context;
        mColors = colors;
        mValues = values;
    }

    @Override
    public int getCount() {
        return mColors.size();
    }

    @Override
    public Object getItem(int position) {
        return mColors.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public int getItemViewType(int position) {
        return R.layout.list_item_color;
    }


    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView v = new TextView(mContext);
        v.setText(mColors.get(position));
        return v;
    }

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {
        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(
                Context.LAYOUT_INFLATER_SERVICE );
        View row = inflater.inflate(getItemViewType(position), parent, false);
        TextView tvName = (TextView)row.findViewById(R.id.tv_name);
        tvName.setText(mColors.get(position));
        row.setTag(mValues.get(position));
        return row;
    }


    @Override
    public int getViewTypeCount() {
        return 1;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public boolean isEmpty() {
        return false;
    }

}

这是列表项的XML：

<TextView
    android:id="@+id/tv_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:gravity="right"/>

Answer 1

简单的解决方案是为微调框TextView布局构建另一个Custom view，并在其中为gravity指定TextView。类似的东西：

<!--spinner_layout.xml (in layout/)-->

<?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:gravity="right"
    />

在启用微调器的ArrayAdapter时使用它：

ArrayAdapter<String> adapter = new ArrayAdapter<String>
                                   (this, android.R.layout.spinner_layout,
                                    spinnerArray);

UI输出：

Answer 2

您可以使用getView(int position, View convertView, ViewGroup parent)方法调整所选项目的设置。如果您只想设置重力和文本对齐方式，则应将其设置为方法中的TextView，如

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    TextView v = new TextView(mContext);
    v.setText(mColors.get(position));
    v.setGravity(Gravity.END); // OR v.setGravity(Gravity.RIGHT);
    return v;
}

如果您想进一步自定义，可以简单地扩充自定义布局：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(
            Context.LAYOUT_INFLATER_SERVICE);
    View row = null;
    if (inflater != null) {
        row = inflater.inflate(R.layout.list_item_view_color, parent, false);
        TextView textView = row.findViewById(R.id.textview);
        textView .setText(mColors.get(position));
    }
    return row;
}

其中list_item_view_color.xml是所选值的布局文件。
（注意：如果您想使用autoSizeTextType等选项，可以在{xml文件中使用app前缀AppCompatTextView

Answer 3

您可以通过编程方式为getView方法创建TextView，因此没有设置对齐的属性，简单的方法是以与在getDropdownView上执行相同的方式对其进行充气，或者只是在视图中设置适当的重力你被实例化了。

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    TextView v = new TextView(mContext);
    v.setText(mColors.get(position));
    v.setGravity(Gravity.RIGHT);
    return v;
}

Answer 4

你可以试试这个

 android:autoSizeTextType="uniform"

Answer 5

我可以给你一个可行的方法。

以XML格式

1）添加一个名为the_current_color文本视图的新文本视图

2）将此文本视图与微调器上方和箭头图标的开头对齐或者你想要的任何地方。

在您的代码中

1）当您从微调器中收听（在选择的项目上）时，只需获取当前文本并将其设置在（the_current_color）文本视图中。

2）并尝试通过将颜色更改为透明来隐藏微调器中的文本。

希望它有效

修改

我可能也会建议一些可能会改变的事情

假设我们有一个使用此字符串资源文件填充其适配器的微调器

<string-array name="my_adapter"> <item>Blue </item> <item>Red</item> </string-array>

到目前为止，我们有一个微调器，它在旋转器的箭头图标的最左侧显示（红色项目）和（蓝色项目）。

现在创建另一个字符串资源

<string-array name="my_adapter_two"> <item> Blue </item> <item> Red</item> </string-array>

正如您所看到的，添加的空间会让人觉得字符串在箭头图标旁边

您可以添加符合您需要的空间，也可以在单击某个项目后再切换文件，然后再切换回来。

Answer 6

对于Spinners来说，

填充，边距和对齐会让人感到困惑。我也遇到了类似的问题。但对我来说，我没有使用自定义视图和适配器，所以我设法使用样式来解决这个问题。对于您，因为您已经在使用自定义视图和适配器，您可以为微调器设置 background null ，以便下拉箭头不可见。

android:background="@null"

然后在 TextView 中，您可以将drawableRight指定为下拉箭头。

android:drawableRight="@drawable/ic_spinner_drop_arrow_white_24dp"

图标可以是下拉向量可绘制的。另外要指定箭头和文本之间的特定边距，您应该能够使用 drawablePadding

希望这会有所帮助。

Answer 7

您可以尝试以下自定义视图。

<?xml version="1.0" encoding="utf-8"?>
    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/textView1"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:gravity="right"
        android:padding="15dp"
        android:textAlignment="gravity"
        android:textColor="@color/black"
        android:textSize="10dp" />

对齐选定的微调器项目

7 个答案: