Android开发UI设计问题解决方法

资料来源：网络整理时间：2023/3/21 5:34:00 共计：3575 浏览

分享数：7

安卓开发UI设计的问题以及解决方法

1. 页面部分占用1/N的情况

解决方案;
使用线性布局，其属性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"/>


3. 多个组件高度一致，顶对齐，并且水平均匀分布

例子：需要实现下图的情况，需要三个button高度一致，顶对齐并且水平均匀分布
在这里插入图片描述
首先需要了解一下约束布局以其使用
约束布局（ConstraintLayout），布局内组件按各种约束排列。每个组件受到三类约束，即其他组件，父容器(parent)，基准线(GuideLine)。约束布局代码可归纳为以下形式：app:layout_constraint[组件本身的位置]_to[目标位置]Of="[目标id]"。因此若想要组件水平居中，只需设置组件的左右边界与父容器的左右边界分别对齐。同理，组件的垂直居中也可以这么设置。
再思考本问题，是否也能使用约束布局来完成呢？使用约束布局，将三个按钮放在一个约束布局里面，每个按钮视图的左侧或者右侧与需要的对齐按钮的相应侧对齐即可，则组件之间就可以处于均匀分布了。

<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<Button
app:layout_constraintRight_toLeftOf="@+id/loadBtn"
app:layout_constraintLeft_toLeftOf="parent"
android:id="@+id/saveBtn"
android:text="SAVE"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

<Button
android:id="@+id/loadBtn"
android:text="LOAD"
app:layout_constraintLeft_toRightOf="@+id/saveBtn"
app:layout_constraintRight_toLeftOf="@+id/clearBtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toRightOf="@+id/loadBtn"
app:layout_constraintRight_toRightOf="parent"
android:id="@+id/clearBtn"
android:text="CLEAR"/>

</android.support.constraint.ConstraintLayout>

安卓UI界面设计的方式；

用户界面在程序开发中十分重要，一个好的用户界面设计需要考虑到用户使用体验、是否美观方便等。在界面设计的过程中，需要考虑如何制作出UI界面，怎么样控制UI界面两大块。

本文主要介绍通过两种方式来进行界面设计：
1、通过xml文件进行界面设计
2、通过代码控制进行界面设计

一、通过xml文件进行界面设计
打开Android Studio，建立工程，在res/layout下存放的是界面布局文件。双击创建的文件，左边是界面设计，右边对应了界面设计的xml文本。
1>在左边控件中，拖动一个button到右边的手机界面中，之后点击上线画圈右边的text查看文本，可以看到xml已经编写完成。
2>切换到代码目录，打开之前创建的MainActivity，在onCreate()方法中：

setContentView(R.layout.activity_main); //将编写的界面显示到手机屏幕


MainActivity添加两个私有数据成员：

private TextView tv;
private Button bt;


onCreate()里面初始化tv和bt，并给bt添加监听事件

tv = (TextView)findViewById(R.id.textView);//控件初始化
bt = (Button) findViewById(R.id.button);//控件初始化

bt.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
tv.setText("你点击了按钮!");
}
);//添加监听

运行程序，点击按钮，原来的hello world！文本发生改变。在这里，两个控件都是通过xml文件定义的，我们在代码中实现了一个监听器，也就是界面的控制逻辑。
实例：
通过代码进行界面设计时，我们建立一个TextView控件来写标题；建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过app:srcCompat=”@drawable/sysu”来引用；建立两个TextView控件，用来写“学号”和“密码”，设置建立两个EditView控件，用来输入学号和密码；建立一个RadioGroup，之后再在里面建立两个单选按钮RadioButton。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：企业网站制作的js异步问题 | ·下一条：企业营销型网站建设解决方法