Как центрировать текст внутри собственного контейнера TextView?

Question

Мне нужно создать это:

Как видите, строки не точно отцентрированы по тексту.

Проблема еще больше с текстом в нижнем регистре.

текст слишком низок, не центрирован в собственном представлении

это мой код - контейнер с линейной компоновкой с

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:gravity="center"
android:orientation="horizontal

<View
    android:layout_width="0dp"
    android:layout_height="1dp"
    android:layout_marginRight="10dp"
    android:layout_weight="1"
    android:background="@color/gray_separator" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:text="How ?"
    android:textColor="@color/gray_login_or"
    android:textSize="26sp" />

<View
    android:layout_width="0dp"
    android:layout_height="1dp"
    android:layout_marginLeft="10dp"
    android:layout_weight="1"
    android:background="@color/gray_separator" />

Я пробовал с относительной компоновкой, но это не проблема, проблема и решение в TextView.

Лучший простой способ понять проблему заключается в различии нижнего и верхнего регистров ... в верхнем регистре у меня нет проблем.

Answer 1

                <android.support.v7.widget.CardView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="5dp">


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:layout_marginTop="0dp"
                    android:orientation="horizontal">

                    <View
                        android:layout_width="40dp"
                        android:layout_height="1dp"
                        android:background="@color/black"
                        android:layout_gravity="center_vertical"
                        android:layout_weight="1"/>

                    <TextView
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:id="@+id/Imagetxt"
                        android:layout_width="20dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="Image Cart"
                        android:clickable="false"
                        android:textColor="@color/orange"/>

                    <View
                        android:layout_width="40dp"
                        android:layout_height="1dp"
                        android:background="@color/black"
                        android:layout_gravity="center_vertical"
                        android:layout_weight="1"/>

            </LinearLayout>


                </android.support.v7.widget.CardView>

Answer 2

Полагаю, родитель - это горизонтальная линейная схема Так что это должно быть использовано:

android:layout_gravity="center_vertical"

вместо

android:gravity="center_vertical"

но если рост родителя равен wrap_content, результат должен быть таким же.

Кстати, алфавитные шрифты расположены не горизонтально в середине пространства. Это немного ниже центральной линии, что более удобно для глаз человека. см .:

https://en.wikipedia.org/wiki/File:Typography_Line_Terms.svg

Answer 3

используйте android:gravity="center" в текстовом представлении.

Answer 4

Вот что я сделал для аналогичного требования, которое работает довольно хорошо.

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:weightSum="4"
        >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="5dp"
            android:src="@drawable/dashline"
            android:layerType="software"
            android:layout_below="@+id/title"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="0dp"
            android:layout_marginBottom="0dp"
            android:layout_weight="2"
            android:layout_gravity="center"
            />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="OR"
            android:textAllCaps="false"
            android:textColor="@color/white"
            android:textSize="25dp"
            android:layout_margin="10dip"
            android:layout_gravity="center"
            android:clickable="true"
            />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="5dp"
            android:src="@drawable/dashline"
            android:layerType="software"
            android:layout_below="@+id/title"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="0dp"
            android:layout_marginBottom="0dp"
            android:layout_gravity="center"
            android:layout_weight="2"
            />

    </LinearLayout>

Я использую ImageView в соответствии со своими потребностями, вы можете заменить их на View, который вы хотите.

Это мой dashline.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">

    <stroke
        android:color="#ffffff"
        android:dashWidth="8px"
        android:dashGap="0px"
        android:width="1dp"/>
</shape>

Вот снимок экрана.

Так что android:layout_gravity="center" должно работать.

Answer 5

<View
    android:layout_width="0dp"
    android:layout_height="1dp"
    android:layout_weight="1"
    android:layout_gravity="center"
    android:background="@color/gray_separator"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:textSize="26sp"
    android:text="How ?"
    android:textColor="@color/gray_login_or"/>

<View
    android:layout_width="0dp"
    android:layout_height="1dp"
    android:layout_weight="1"
    android:layout_gravity="center"
    android:background="@color/gray_separator"/>

Answer 6

Я использовал:

 android:layout_gravity="center_horizontal"

вместо:

  android:gravity="center_vertical"

И у меня это сработало.