【问题标题】:Aligning two TextViews in a RelativeLayout在 RelativeLayout 中对齐两个 TextView
【发布时间】:2013-12-08 11:52:36
【问题描述】:

如何在 RelativeLayout 中对齐两个具有不同字体大小的 TextView,以便它们对齐基线?

底部图像是两个文本视图都有android:layout_alignParentBottom="true",但如果我在右侧文本视图上使用android:layout_alignBaseline="@id/leftTextView",它们的方式相同。

超级有用的是确保两个文本视图中的字母顶部也对齐,但这对于 TextViews 可能不现实。

根据需求,代码

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
    <TextView 
    android:id="@+id/leftTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true"
    android:text="@string/daily_average_month"
    style="@style/tvStatName" />

    <TextView 
    android:id="@+id/rightTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"  
    style="@style/tvStatValue.big" />
</RelativeLayout>

【问题讨论】:

  • 你能发布你的代码吗?通过复制并尝试一些参数来调试更容易..
  • 您可以将两个 textViews 保留在 LinearLayout 中,并将 LinearLayout 作为一个整体对齐。
  • 一个线性布局中的两个文本视图?这将如何使它们与相对布局中的对齐方式不同?

标签: android android-layout


【解决方案1】:

试试这个..

android:layout_centerVertical="true" 用于rightTextView 并尝试

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
    <TextView 
    android:id="@+id/leftTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true"
    android:text="@string/daily_average_month"
    style="@style/tvStatName" />

    <TextView 
    android:id="@+id/rightTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"  
    android:layout_centerVertical="true"
    style="@style/tvStatValue.big" />
</RelativeLayout>

【讨论】: