一个比较复杂的RelativeLayout布局---类似于表格布局

本文详细解析了一个具体的Android UI布局XML代码实例,展示了如何使用RelativeLayout和LinearLayout来构建复杂的用户界面元素,包括视图、文本和评分栏等组件。

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

 

样式:161433_07zT_1176845.png

 

 

 

 

<RelativeLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp"
                    android:background="@drawable/corner_record"
                    android:orientation="vertical" >

                    <View
                        android:id="@+id/center"
                        android:layout_width="2dp"
                        android:layout_height="@dimen/tophight"
                        android:layout_centerInParent="true"
                        android:background="@drawable/list_leftred" />

                    <View
                        android:layout_width="fill_parent"
                        android:layout_height="2dp"
                        android:layout_centerInParent="true"
                        android:background="#DB6A8D" />

                    <LinearLayout
                        android:id="@+id/top"
                        android:layout_width="wrap_content"
                        android:layout_height="@dimen/tophight"
                        android:layout_alignParentLeft="true"
                        android:layout_marginLeft="5dp"
                        android:layout_weight="1"
                        android:orientation="vertical" >

                        <TextView
                            android:id="@+id/period_tv"
                            style="@style/setting_body_text"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:gravity="center_vertical"
                            android:text="预计安全期:第3天" />

                        <LinearLayout
                            android:id="@+id/period_tv"
                            style="@style/setting_body_text"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:gravity="center_vertical" >

                            <TextView
                                style="@style/setting_body_text"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:gravity="center_vertical"
                                android:text="减重指数:" />

                            <RatingBar
                                android:id="@+id/lostweight_rating"
                                style="@style/articlelist_item_ratingbar_style"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center_vertical"
                                android:clickable="false"
                                android:focusable="false"
                                android:isIndicator="true"
                                android:rating="1"
                                android:stepSize="0.5" />
                        </LinearLayout>
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="@dimen/tophight"
                        android:layout_marginLeft="5dp"
                        android:layout_toRightOf="@id/center"
                        android:layout_weight="1"
                        android:orientation="vertical" >

                        <TextView
                            android:id="@+id/syllepsis_tv"
                            style="@style/setting_body_text"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:gravity="center_vertical"
                            android:text="受孕几率:55%" />

                        <LinearLayout
                            android:id="@+id/syllepsis_tv"
                            style="@style/setting_body_text"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:gravity="center_vertical" >

                            <TextView
                                style="@style/setting_body_text"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="美肤指数:" />

                            <RatingBar
                                android:id="@+id/skin_rating"
                                style="@style/articlelist_item_ratingbar_style"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:clickable="false"
                                android:focusable="false"
                                android:isIndicator="true"
                                android:rating="2"
                                android:stepSize="0.5" />
                        </LinearLayout>
                    </LinearLayout>
                </RelativeLayout>
关于其中的

<style name="articlelist_item_ratingbar_style" parent="@android :style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/ratingbar_drawable</item>
        <item name="android:minHeight">@dimen/ratingbar_wh</item>
        <item name="android:maxHeight">@dimen/ratingbar_wh</item>
    </style>

转载于:https://my.oschina.net/u/1176845/blog/203332

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值