Question

这是我的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:gravity="center_vertical">
    <TextView
        android:id="@+id/form_widget_switch_text"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_toEndOf="@+id/form_widget_switch"
        android:gravity="center"
        android:text="text" />

    <com.example.daffodil.formvalidation.widgets.typefaced.SwitchButtonTF
        android:id="@+id/form_widget_switch"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center"
        android:switchMinWidth="40dp"
        android:textOff=""
        android:textOn=""
        android:thumbTextPadding="5dp" />
</RelativeLayout>

这是我得到的输出：

问题：我希望文字垂直对齐，但正如您所看到的，它的上边缘与开关的上边缘对齐。

根据评论

修改

为什么我使用TextView：我希望文本视图动态地向左或向右移动。所以我使用TextView和Switch并动态更改它们的参数以向左或向右移动文本。

我希望输出类似于设置Switch的按钮文本属性。

我正在使用的SwitchButtonTF类：

/**
 * Switch with typeface attribute added.
 */
public class SwitchButtonTF extends Switch {

    /**
     * {@inheritDoc}
     */
    public SwitchButtonTF(Context context) {
        super(context);
        init(context, null);
    }

    /**
     * Initialise view.
     *
     * @param context context
     * @param attrs   layout attributes
     */
    private void init(Context context, AttributeSet attrs) {
        if (!isInEditMode()) {
            Fonts.getInstance(context).applyTypeFace(this, context, attrs);
        }
    }

    /**
     * {@inheritDoc}
     */
    public SwitchButtonTF(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    /**
     * {@inheritDoc}
     */
    public SwitchButtonTF(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs);
    }
}

任何帮助？

Answer 1

只需在textview中添加android:layout_centerVertical="true"，因为它位于relativelayout内。还要将textview的高度设置为wrap_content。所以你的textview xml应该是

<TextView
        android:id="@+id/form_widget_switch_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@+id/form_widget_switch"
        android:gravity="center"
        android:layout_centerVertical="true"
        android:text="text" />

Answer 2

如果您在使用LinearLayout代替RelativeLayout时遇到任何问题，那么您可以尝试一下吗？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:orientation="horizontal">    
        <com.example.daffodil.formvalidation.widgets.typefaced.SwitchButtonTF
            android:id="@+id/form_widget_switch"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:switchMinWidth="40dp"
            android:textOff=""
            android:textOn=""
            android:thumbTextPadding="5dp" />

        <TextView
            android:id="@+id/form_widget_switch_text"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center|center_vertical"
            android:text="text" />
    </LinearLayout>

修改 - 使用RelativeLayout

尝试此操作

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:gravity="center_vertical">
    <TextView
        android:id="@+id/form_widget_switch_text"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_toRightOf="@+id/form_widget_switch"
        android:gravity="center"
        android:text="text" />

    <com.example.daffodil.formvalidation.widgets.typefaced.SwitchButtonTF
        android:id="@+id/form_widget_switch"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center"
        android:switchMinWidth="40dp"
        android:textOff=""
        android:textOn=""
        android:thumbTextPadding="5dp" />
</RelativeLayout>

Answer 3

试试这个：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/form_widget_switch_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@+id/form_widget_switch"
        android:layout_centerVertical="true"
        android:gravity="center"
        android:text="text" />

    <com.example.daffodil.formvalidation.widgets.typefaced.SwitchButtonTF
        android:id="@+id/form_widget_switch"
        android:layout_width="wrap_content"
        android:layout_height="56dp"
        android:gravity="center"
        android:switchMinWidth="40dp"
        android:textOff=""
        android:textOn=""
        android:thumbTextPadding="5dp" />
</RelativeLayout>

如何切换自定义右侧textview中心对齐？

3 个答案: