当前位置: 移动技术网 > 移动技术>移动开发>Android > Android开发自学笔记(四):APP布局下

Android开发自学笔记(四):APP布局下

2019年07月24日  | 移动技术网移动技术  | 我要评论

篇幅较长遂分成上下两篇,我们已经快要一气呵成了,但是美中不足的是,这个界面并不能讨得美工mm的欢心,美工mm曾寄希望于您,却交出这么作出这么一副死型样,我都替你汗颜。

这个图搜索按钮看起来马马虎虎,但是这个搜索框真是有失我在美工mm心中的水准啊,这是因为我们把edittext和button都的宽度都设置成按自身内容长度自适应,所以这一篇我们就来润润色,修一修这个布局。

android在布局中引入了权重的概念,即如果给设定viewgroup的总权重是,然后可以将权重分给它的子元素view各几份,比如我们可以这段这个例子的总权重为5,然后将edittext的权重设置4,而button的权重设置为0,这样edittext就会实际利用这个linearlayout的宽度的4/5,而button只有1/5,我们在实际开发中并不能很好的定义一个view的具体宽度,所以我们可以借助这种权重分成的方式可以很好的解决这个问题。

引入权重

layout_weight属性即定义了权重,每一个view的默认权重为0,所以如果不显示写出来是0,但我这边需要显示的写出linearlayout的权重为5,edittext和button则分别为4和1。

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_weight="5"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="horizontal">
 <edittext android:id="@+id/edit_message"
  android:layout_weight="4"
  android:layout_width="0dip"
  android:layout_height="wrap_content"
  android:hint="@string/edit_message" />
  <button
   android:layout_weight="1"
   android:layout_width="0dip"
   android:layout_height="wrap_content"
   android:text="@string/btn_message" />
</linearlayout>


值得一提的是,我们在开发中可以不应该过多的使用wrap_content,因为系统并不知道这个值究竟是多少而去做更多的计算,所以我们这边既然已经有了权重的概念,那我们就可以将edittext和button的layout_width设置为0dip。

重新运行程序

重新运行程序,应该就可以得到我们预想的效果了。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网