【问题标题】:Aligning two TextViews in Android在Android中对齐两个TextView
【发布时间】:2015-09-15 16:07:18
【问题描述】:

我有两个 TextView 在“行”中对齐,使用以下布局:

<RelativeLayout
        android:id="@+id/wrapper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp">
        <TextView
            android:id="@+id/big_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true" 
            android:textSize="21sp"/>

        <TextView
            android:id="@+id/small_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:layout_alignParentRight="true"/>
    </RelativeLayout>

但是,由于左边比右边大,结果是这样的(图片仅供说明):

相反,这是我正在寻找的:

尝试将gravity="bottom" 添加到小TextView,但没有奏效。 还尝试将小TextView包装在另一个布局中,将其布局高度设置为match_parent(因此它将占用大TextView的高度),然后将小TextView重力设置为底部,但它也不起作用。

编辑: 情节扭曲:如何将其与大 TextView 的 CENTER 对齐?

【问题讨论】:

    标签: java android android-layout android-5.0-lollipop android-relativelayout


    【解决方案1】:

    将此行添加到您较小的textview

    android:layout_alignBaseline="@+id/big_text" 
    

    或

    android:layout_alignBottom="@+id/big_text"
    

    像这样:

    <RelativeLayout
            android:id="@+id/wrapper"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp">
            <TextView
                android:id="@+id/big_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true" 
                android:textSize="21sp"/>
    
            <TextView
                android:id="@+id/small_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="14sp"
                android:layout_alignBaseline="@+id/big_text" 
                android:layout_alignParentRight="true"/>
        </RelativeLayout>
    

    【讨论】:

    • 顺便说一句,只是感兴趣,如何定位到大 TextView 的 CENTER 而不是底部?
    • 您可以在第二个文本视图中使用这个 android:layout_centerVertical="true",因为您使用相对布局作为父级
    【解决方案2】:

    在第二个文本视图中试试

        <TextView
            android:id="@+id/small_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/big_text"
            android:layout_alignTop="@+id/big_text"
            android:gravity="bottom"
            android:textSize="14sp"
            android:layout_alignParentRight="true"/>
    

    【讨论】:

      【解决方案3】:

      试试这个

        <LinearLayout
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
      
              <TextView
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:textSize="40sp"
                  android:text="BIG"/>
      
              <TextView
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="small"
                  android:textSize="15sp"/>
      
          </LinearLayout>
      

      【讨论】:

        猜你喜欢
        • 2013-03-26
        • 1970-01-01
        • 2017-07-05
        • 2019-12-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-07-16
        • 1970-01-01
        相关资源
        最近更新 更多