Android开发 - 基本UI设计
- 本博客记录本人在安卓开发时候遇到的一些UI设计的问题以及解决方法
- 记录来自Project-FoodList
1. 页面部分占用1/N的情况
- 示例:
- 完整界面
- 界面顶部
- 要求顶部界面只占1/3
- 解决方案
- 使用线性布局,其属性
android:orientation="vertical"
,android:weightSum="3"
- 线性布局里面有两个相对布局,分别设置两个相对布局的
layout_weight
- 关于其中的权重比为2:1,参阅Android布局中的layout_weight和weightSum属性的详解及使用
<LinearLayout android:orientation="vertical" ... android:weightSum="3"> <!-- 上部 --> <RelativeLayout android:layout_weight="2" android:id="@+id/top" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/colorPrimaryDark"> ... </RelativeLayout> <!-- 中部和底部 --> <RelativeLayout android:id="@+id/middle" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="match_parent"> ... </RelativeLayout> </LinearLayout>
- 使用线性布局,其属性
- 完整界面
2. 分割线的实现
- 分割线的实现,方法比较粗暴,直接使用
ImageView
组件实现 - 给其src设置为一个颜色,然后修改其
weight
(对应分割线的宽度)以及height
(对应分割线的高度)属性以及位置设置<ImageView android:id="@+id/horLine2" android:layout_width="match_parent" android:layout_height="15dp" android:layout_below="@+id/info" android:layout_marginTop="15dp" android:src="#1E000000"/>