将文本设置为居中适用于一个下拉框,但不适用于另一个下拉框。

3
在我的应用程序中,我有3个下拉框 - 顶部的一个,在使用时会提供给用户2个更多的下拉框。我看了this question,找到了我要找的答案,但只解决了一半的问题。现在两个补充下拉框的文本都显示在中心,但第一个没有。查看下拉框的.xml文件,我只发现一个关于居中的区别,那就是两个补充下拉框具有android:layout_gravity="center"属性,而这个属性对于第一个下拉框来说似乎不适用。为什么会这样?这可能是原因吗?当我手动将其添加到.xml中时,它并没有任何变化。所以理想情况下,我要找的答案是为什么两个补充下拉框的文本都居中,但第一个没有?请注意,我不关心弹出窗口中的元素是否居中,这完全是可选的。我只想让所选选项位于中心。下面是当前问题的截图:

problem

这是我正在使用的.xml文件:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/some_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="packagename"
tools:showIn="@layout/specific_activity_layout"
android:gravity="center_horizontal"
android:background="#FF9800">

<Spinner
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:id="@+id/spinner1"
    android:entries="@array/spinner1entries"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="15dp"
    android:gravity="center|top"
    android:background="@drawable/rounded_corners"
    android:paddingTop="4dp"
    android:paddingBottom="4dp"
    android:popupBackground="#FFB74D"
    android:layout_alignParentEnd="false"
    android:textAlignment="center" />

<LinearLayout
    android:id="@+id/horizontal_layout_spinners"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="false"
    android:layout_alignParentStart="false"
    android:visibility="invisible"
    android:layout_below="@+id/spinner1">

    <Spinner
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:id="@+id/spinner2"
        android:visibility="visible"
        android:background="@drawable/rounded_corners"
        android:layout_marginRight="5dp"
        android:popupBackground="#FFB74D"
        android:textAlignment="center"
        android:gravity="center|top"
        android:layout_weight="0.5"
        android:layout_gravity="center" />

    <Spinner
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:id="@+id/spinner3"
        android:visibility="visible"
        android:layout_marginLeft="5dp"
        android:background="@drawable/rounded_corners"
        android:popupBackground="#FFB74D"
        android:textAlignment="center"
        android:gravity="center|top"
        android:layout_weight="0.5"
        android:layout_gravity="center" />

</LinearLayout>
</RelativeLayout>

而且是rounded_corners文件:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFB74D"/>
    <stroke android:width="0dip" android:color="#B1BCBE" />
    <corners android:radius="10dip"/>
    <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
</shape>

当你将android:layout_width="fill_parent"改为android:layout_width="wrap_content"时,第一个spinner会发生什么?android:gravity看起来没问题,但如果有问题,尝试将其改为android:gravity="center"并观察差异。 - Shobhit Puri
android:layout_width="fill_parent" 会使下拉框变小,但我想让它边缘对齐 :( - Phantomazi
你能展示一下截图吗?仅凭文字描述很难看出布局的情况。 - Dave S
@DaveS 刚刚添加了它 :) - Phantomazi
https://dev59.com/sms05IYBdhLWcg3wANPj - Dave S
显示剩余2条评论
5个回答

2
  • Try adding : android:dropDownWidth="wrap_content" to the spinner.

  • You can try to set the text style programatically after an item is selected from the spinner. Set an setOnItemSelectedListener and inside it set TextView to be centred.

    Spinner spinner1 = (Spinner) findViewById(R.id.spinner1);
    spinner1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    
        @Override
        public void onItemSelected(AdapterView<?> arg0, View view, int arg2, long arg3) {
            // Set the text style after item is selected.
            setSpinnerSelectedItemParams(spinner1, getActivity());
    }
    
        @Override
        public void onNothingSelected(AdapterView<?> parent) {
        }
    });
    
    
    
    /**
     * Sets the spinner text style to a different one after one value has been chosen.
     * @param spinner Spinner currently in use
     */
    public void setSpinnerSelectedItemParams(Spinner spinner, Context context) {
        if (spinner.getChildCount() > 0){
            TextView tvSpinner = ((TextView) spinner.getChildAt(0));
            tvSpinner.setPadding(0, 0, 0, 0);
            tvSpinner.setGravity(Gravity.CENTER);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            params.gravity = Gravity.CENTER;
            params.setMargins(0, 0, 0, 0);
            tvSpinner.setLayoutParams(params);
        }
    }
    

    If you want the text before selecting it in centre as well, try setting a custom resource when creating the adapter.

    In Activity or Fragment:

    ArrayAdapter<String> yourAdapter = new ArrayAdapter(activity, R.layout.default_spinner_adapter_view, yourDataToFillTheSpinner);
    

    "default_spinner_adapter_view.xml" file:

    <?xml version="1.0" encoding="utf-8"?>
    <!-- This is the view for each individual item of the spinner-->
    <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/tv_default_spinner"
        style="?android:attr/spinnerItemStyle"
        android:layout_width="match_parent
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:ellipsize="marquee"
        android:gravity="center"
        android:singleLine="true"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@android:color/black" />
    

默认项怎么办?这样会不一致 - 如果它能工作,它只会在用户选择后显示在中心,但默认项仍然会固定在左侧。 - Phantomazi
@Phantomazi 我通常是在创建 ArrayAdapter 时设置自定义资源来解决这个问题。类似这样:ArrayAdapter<String> adapter = new ArrayAdapter(activity, R.layout.spinner_adapter_picker_view_center, yourData);。让我尝试在答案中包含它。 - Shobhit Puri

0

将相对布局更改为线性布局垂直,并且Spinner的宽度应该是match_parent。


0

请确保所有的Spinner都使用相同类型的适配器,或者至少使用另一个使用相同项目布局的适配器,该适配器提供布局。


0
如果您想自定义下拉列表项,您需要创建一个新的布局文件。我们称之为spinner_dropdown_item.xml:
<?xml version="1.0" encoding="utf-8"?>
<CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    style="?android:attr/spinnerDropDownItemStyle"
    android:singleLine="true"
    android:layout_width="match_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:ellipsize="marquee"
    android:textColor="#aa66cc"/>

下拉框声明的另一个变化:

ArrayAdapter adapter = ArrayAdapter.createFromResource(this,R.array.planets_array, R.layout.spinner_item);
adapter.setDropDownViewResource(R.layout.spinner_dropdown_item);
spinner.setAdapter(adapter);

0

制作您自定义的Spinner列表项,并按照您的要求设置,该列表项应具有TextView ID text1,并像下面这样使用list_item.xml

Spinner spinner = (Spinner) findViewById(R.id.spinner);

// 使用字符串数组和默认的下拉列表布局创建一个ArrayAdapter
ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this,
                R.array.planets_array, android.R.layout.your_list_item);

// 指定在选择列表出现时使用的布局
adapter.setDropDownViewResource(android.R.layout.your_drop_down_list_item);

// 将适配器应用于下拉列表控件
 spinner.setAdapter(adapter);

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接