如图实现一个textview在另一个textview的右上角

布局视图效果实现

最新推荐文章于 2022-08-05 10:38:13 发布

android-李志强

最新推荐文章于 2022-08-05 10:38:13 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lzq520210/article/details/49336693

本文介绍了一种使用 RelativeLayout 实现特定布局效果的方法。通过两个 TextView 控件，展示了一个数值（例如金额）及其单位（例如规模），并精确设置了它们的位置属性以达到期望的视觉效果。

实现如图效果，代码如下：

<RelativeLayout

                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                             >
                            <TextView
                                android:id="@+id/enable_money_bid"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:singleLine="true"
                                android:text="1110.1"
                                android:textColor="#5CC6F2"
                                android:textSize="20sp" />
                            <TextView
                                android:id="@+id/pro_details_period_bid"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:singleLine="true"
                                android:layout_marginLeft="5dp"
                                android:layout_marginTop="3dp"
                                android:layout_toRightOf="@+id/enable_money_bid"
                               android:layout_alignTop="@+id/enable_money_bid"
                                android:text="/规模"
                                android:textColor="#A6A6A6"
                                android:textSize="10sp" />
                        </RelativeLayout>