【问题标题】:Text horizontal alignment inside a Relative layout相对布局内的文本水平对齐
【发布时间】:2018-03-21 09:28:45
【问题描述】:

我为平板电脑设计创建了这个布局。但是,文本未居中对齐。

这是我的 xml 代码。

<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        xmlns:tools="http://schemas.android.com/tools"
        card_view:cardCornerRadius="4dp"
        android:layout_margin="5dp"
        android:layout_alignParentTop="false"
        android:layout_centerHorizontal="false"
        android:layout_gravity="center_horizontal">

        <RelativeLayout
            android:background="@color/colorPrimaryDark"
            android:layout_width="300dp"
            android:layout_height="200dp"
            android:gravity="center_horizontal"
            >

            <TextView
                android:id="@+id/recipe_name_text_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                android:textAlignment="center"
                android:gravity="center"
                android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                android:textColor="#fff"
                android:textSize="24sp"
                tools:text="sample text" />

        </RelativeLayout>

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

有什么想法吗?

【问题讨论】:

  • 使用重力属性

标签: android android-layout tablet android-relativelayout


【解决方案1】:

设置相对布局的@android:layout_gravity="center"。

 <RelativeLayout
        android:background="@color/colorPrimaryDark"
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:layout_gravity="center">

< TextView
            android:id="@+id/recipe_name_text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            .................
            ................
            ................
            ................/>

    </RelativeLayout>

【讨论】:

    【解决方案2】:

    试试:

    <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        xmlns:tools="http://schemas.android.com/tools"
        card_view:cardCornerRadius="4dp"
        android:layout_margin="5dp"
        android:layout_alignParentTop="false"
        android:layout_centerHorizontal="false"
        android:layout_gravity="center_horizontal">
    
        <RelativeLayout
            android:background="@color/colorPrimaryDark"
            android:layout_width="300dp"
            android:layout_height="200dp"
            android:layout_gravity="center"
            >
    
            <TextView
                android:id="@+id/recipe_name_text_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                android:textAlignment="center"
                android:gravity="center"
                android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                android:textColor="#fff"
                android:textSize="24sp"
                tools:text="sample text" />
    
    
    
        </RelativeLayout>
    
    </android.support.v7.widget.CardView>
    

    【讨论】:

      【解决方案3】:

      使用重力属性

       <TextView
          android:id="@+id/recipe_name_text_view"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerVertical="true"
          android:layout_centerHorizontal="true"
          android:textAlignment="center"
          android:gravity="center"
          android:textAppearance="@style/TextAppearance.AppCompat.Body1"
          android:textColor="#fff"
          android:textSize="24sp"
          tools:text="sample text" />
      

      【讨论】:

        猜你喜欢
        • 2017-12-07
        • 1970-01-01
        • 2016-09-26
        • 1970-01-01
        • 1970-01-01
        • 2017-04-05
        • 1970-01-01
        • 1970-01-01
        • 2012-06-04
        相关资源
        最近更新 更多