¥ 的字体大小和价格的字体大小不一致时，¥和文字不能底部居中

最新推荐文章于 2023-08-30 14:50:39 发布

原创最新推荐文章于 2023-08-30 14:50:39 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了在Android布局中如何解决不同大小文本视图的垂直对齐问题，并提供使用底部居中与基准线居中两种方法的对比示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当两个文字大小不一致时，不能够用底部居中，底部居中也是居中不了的，最终还是

会显示成一上一下的样式。

如下图所示：

<TextView
        android:id="@+id/rmb"
        android:textSize="@dimen/x10s"
        android:layout_marginTop="@dimen/x10"
        android:layout_marginBottom="@dimen/x5"
        android:gravity="center"
        android:text="¥"
        android:textColor="@color/color_goodsdetail_theme"
        android:layout_below="@+id/tv_attr"
        android:layout_toRightOf="@+id/iv_item"
        android:layout_marginLeft="@dimen/x10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/tv_jiage"
        android:text="0.0"
        android:gravity="center"
        android:textSize="@dimen/x15s"
        android:layout_marginLeft="@dimen/x5"
        android:layout_alignBottom="@+id/rmb"
        android:textColor="@color/color_goodsdetail_theme"
        android:layout_toRightOf="@+id/rmb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

如果要对齐的话，只能用基准线居中

代码：

<TextView
        android:id="@+id/rmb"
        android:textSize="@dimen/x10s"
        android:layout_marginTop="@dimen/x10"
        android:layout_marginBottom="@dimen/x5"
        android:gravity="center"
        android:text="¥"
        android:textColor="@color/color_goodsdetail_theme"
        android:layout_below="@+id/tv_attr"
        android:layout_toRightOf="@+id/iv_item"
        android:layout_marginLeft="@dimen/x10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/tv_jiage"
        android:text="0.0"
        android:gravity="center"
        android:textSize="@dimen/x15s"
        android:layout_marginLeft="@dimen/x5"
        android:layout_alignBaseline="@+id/rmb"
        android:textColor="@color/color_goodsdetail_theme"
        android:layout_toRightOf="@+id/rmb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />