layout_weight详解-低调大师

layout_weight详解

2017-11-09 519

注：LinearLayout中的TextView按比例显示的时候，layout_width="0dp"或者layout_height="0dp"
在android开发中LinearLayout很常用，LinearLayout的内控件的android:layout_weight在某些场景显得非常重要，比如我们需要按比例显示。android并没用提供table这样的控件，虽然有TableLayout，但是它并非是我们想象中的像html里面的table那么好用，我们常用ListView实现table的效果，但是列对齐确比较麻烦，现在用LinearLayout及属性android:layout_weight能很好地解决。下面我们共同体验下layout_weight这个属性。
一、LinearLayout内的控件的layout_width设置为"wrap_content"
请看一下xml配置：

 1  <LinearLayout
 2       android:orientation="horizontal"
 3       android:layout_width="fill_parent"
 4       android:layout_height="fill_parent"
 5       android:layout_weight="1"
 6      >
 7       <TextView
 8           android:layout_width="wrap_content"
 9           android:layout_height="fill_parent"
10           android:layout_weight="1"
11           android:background="#aa0000"
12           android:gravity="center"
13           android:text="1"/>
14       <TextView
15           android:layout_width="wrap_content"
16           android:layout_height="fill_parent"
17           android:layout_weight="2"
18           android:background="#00aa00"
19           android:gravity="center"
20           android:text="1"/>
21       <TextView
22           android:layout_width="wrap_content"
23           android:layout_height="fill_parent"
24           android:layout_weight="3"
25           android:background="#0000aa"
26           android:gravity="center"
27           android:text="1"/>
28   </LinearLayout>

效果如下：

可以看到这三个TextView是按照1:2:3的比例进行显示的，这样看来似乎可以实现按照比例显示了，但是有个问题，如果TextView内的文本长度一同那么较长文本的TextView会宽度会有所增加，见下面配置及效果：
配置：

 1  <LinearLayout
 2       android:orientation="horizontal"
 3       android:layout_width="fill_parent"
 4       android:layout_height="fill_parent"
 5       android:layout_weight="1">
 6       <TextView
 7           android:layout_width="wrap_content"
 8           android:layout_height="fill_parent"
 9           android:layout_weight="1"
10           android:background="#aa0000"
11           android:gravity="center"
12           android:text="1111111111111111111111111111111111111111111"/>
13       <TextView
14           android:layout_width="wrap_content"
15           android:layout_height="fill_parent"
16           android:layout_weight="2"
17           android:background="#00aa00"
18           android:gravity="center"
19           android:text="2"/>
20       <TextView
21           android:layout_width="wrap_content"
22           android:layout_height="fill_parent"
23           android:layout_weight="3"
24           android:background="#0000aa"
25           android:gravity="center"
26           android:text="3"/>
27   </LinearLayout>

效果：

这样看来我们所需要的按比例又无法实现了，经过满天地google终于找到了解决方案，就是设置layout_width设置为"wrap_content"。配置及效果见下：

 1  <LinearLayout
 2       android:orientation="horizontal"
 3       android:layout_width="fill_parent"
 4       android:layout_height="fill_parent"
 5       android:layout_weight="1">
 6       <TextView
 7           android:layout_width="0dp"
 8           android:layout_height="fill_parent"
 9           android:layout_weight="1"
10           android:background="#aa0000"
11           android:gravity="center"
12           android:text="1111111111111111111111111111111111111111111"/>
13       <TextView
14           android:layout_width="0dp"
15           android:layout_height="fill_parent"
16           android:layout_weight="2"
17           android:background="#00aa00"
18           android:gravity="center"
19           android:text="2"/>
20       <TextView
21           android:layout_width="0dp"
22           android:layout_height="fill_parent"
23           android:layout_weight="3"
24           android:background="#0000aa"
25           android:gravity="center"
26           android:text="3"/>
27   </LinearLayout>

效果：

这样终于达到我们的按比例显示的效果了，感觉很是奇怪，android开发框架的大佬们有时候设计确实有点匪夷所思。
二、LinearLayout内的控件的layout_width设置为"fill_parent"
请看一下xml配置：

 1  <LinearLayout
 2       android:orientation="horizontal"
 3       android:layout_width="fill_parent"
 4       android:layout_height="fill_parent"
 5       android:layout_weight="1">
 6       <TextView
 7           android:layout_width="fill_parent"
 8           android:layout_height="fill_parent"
 9           android:layout_weight="1"
10           android:background="#aa0000"
11           android:gravity="center"
12           android:text="1"/>
13       <TextView
14           android:layout_width="fill_parent"
15           android:layout_height="fill_parent"
16           android:layout_weight="2"
17           android:background="#00aa00"
18           android:gravity="center"
19           android:text="2"/>
20   </LinearLayout>

效果如下：

奇怪吧，整个宽度平分3块，第一个TextView占了两块，这样看来weight值越小的优先级越大。只有两个TextView似乎看出些道理，那么让我们看看三个是什么效果：

 1 <LinearLayout
 2       android:orientation="horizontal"
 3       android:layout_width="fill_parent"
 4       android:layout_height="fill_parent"
 5       android:layout_weight="1">
 6       <TextView
 7           android:layout_width="fill_parent"
 8           android:layout_height="fill_parent"
 9           android:layout_weight="1"
10           android:background="#aa0000"
11           android:gravity="center"
12           android:text="1"/>
13       <TextView
14           android:layout_width="fill_parent"
15           android:layout_height="fill_parent"
16           android:layout_weight="2"
17           android:background="#00aa00"
18           android:gravity="center"
19           android:text="2"/>
20       <TextView
21           android:layout_width="fill_parent"
22           android:layout_height="fill_parent"
23           android:layout_weight="3"
24           android:background="#0000aa"
25           android:gravity="center"
26           android:text="3"/>
27   </LinearLayout>

效果：

什么意思？第三个TextView丢掉了，很是奇怪，让我们再试一个，把weight分别改为2,3,4的看看效果：

这个效果让人很困惑，我一直想寻求出一个确切的比例公式，但是至今未找到。有哪位大神能搞定的话忘不吝赐教。
虽然这个android:layout_weight属性很怪异，但幸运的是我们达到了目标：
按比例显示LinearLayout内各个子控件，需设置android:layout_width="0dp"，如果为竖直方向的设置android:layout_height="0dp"。在这种情况下某子个控件占用LinearLayout的比例为：本控件weight值 / LinearLayout内所有控件的weight值的和。

本文转自欢醉博客园博客，原文链接http://www.cnblogs.com/zhangs1986/p/3248187.html如需转载请自行联系原作者

欢醉

微信关注我们

原文链接：https://yq.aliyun.com/articles/370887

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

疯狂ios讲义之代码控制UI界面

通过前面的介绍我们已经了解了iOS开发的基本方法和步骤实际上只要掌握了这些基本的方法和步骤我们就可以对iOS应用进行更多的控制。前面介绍的开发方式是使用xib或Storyboard文件设计iOS应用界面这也是iOS开发的最主要方式在某些极端的情况下我们也有可能不使用任何界面设计文件直接通过代码来开发UI界面。 9.5.1 不使用界面布局文件开发UI界面如果打算使用纯代码来开发UI界面则不需要设计任何界面布局文件没有界面布局文件也就不再需要使用自定义的视图控制器。这样程序可以直接在应用程序委托对象的application: didFinishLaunchingWithOptions:方法中创建UIWindow和应用程序界面——所有这些对象的创建都使用objective-C代码来完成。实例无界面布局文件开发iOS应用首先创建一个iOS的Empty Application应用。在创建iOS应用时选择“Empty Application”项即可如图9.35所示。图9.35创建iOS的EmptyApplication应用对于“Empty Application”...

2017-11-10

501

智能电视，是指像智能手机一样，具有全开放式平台，搭载了操作系统，可以由用户自行安装和卸载软件、游戏等第三方服务商提供的程序。除了能够收看电视节目，智能电视还可以让用户在线玩网络游戏、浏览网页、聊天等。智能电视这块蛋糕很大很诱人，三星、LG、索尼、联想、长虹、TCL、海信、康佳等彩电巨头纷纷加入此阵营，极力推介自家智能电视。业界普遍认为，2012年是智能电视元年。对于智能电视来讲，最重要的就是首先必须联网，其次要搭载全开放式平台，只有通过全开放平台，才能广泛发动消费者积极参与彩电的功能制定。传统电视由于不联网、只接收固定频道的内容，因此不存在任何安全隐患，而智能电视从联上互联网的那一刻起，就和PC、智能手机等其他终端一样，面临病毒、木马、恶意程序等安全风险。据瑞星安全专家介绍，目前大部分智能电视采用的是Android系统，或是采用厂商以Android系统为核心开发的自有操作系统，由于其系统的开放性，针对该系统编写的病毒数量更是呈现井喷式增长。随着智能电视的市场占有率越来越高，智能电视的安全问题也开始引起越来越多人的关注。有需求就有市场，有市场就会有吃螃蟹的人。近日笔者就看到了两起...

2017-11-10

580

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。