惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hacker News: Ask HN
Hacker News: Ask HN
H
Help Net Security
Microsoft Azure Blog
Microsoft Azure Blog
B
Blog RSS Feed
Jina AI
Jina AI
Stack Overflow Blog
Stack Overflow Blog
量子位
博客园_首页
Vercel News
Vercel News
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Forbes - Security
Forbes - Security
IT之家
IT之家
N
News and Events Feed by Topic
S
Security Affairs
Recent Commits to openclaw:main
Recent Commits to openclaw:main
Webroot Blog
Webroot Blog
Recorded Future
Recorded Future
L
LangChain Blog
Y
Y Combinator Blog
AI
AI
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
Know Your Adversary
Know Your Adversary
AWS News Blog
AWS News Blog
Help Net Security
Help Net Security
Cyberwarzone
Cyberwarzone
L
Lohrmann on Cybersecurity
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Google Online Security Blog
Google Online Security Blog
V2EX - 技术
V2EX - 技术
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
PCI Perspectives
PCI Perspectives
I
Intezer
T
Tenable Blog
G
Google Developers Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
T
Troy Hunt's Blog
L
LINUX DO - 最新话题
云风的 BLOG
云风的 BLOG
C
CXSECURITY Database RSS Feed - CXSecurity.com
有赞技术团队
有赞技术团队
O
OpenAI News
P
Proofpoint News Feed
TaoSecurity Blog
TaoSecurity Blog
C
Check Point Blog
Last Week in AI
Last Week in AI
S
Schneier on Security
Simon Willison's Weblog
Simon Willison's Weblog
Blog — PlanetScale
Blog — PlanetScale

博客园 - 张皓

Stereoscopic Player 1.7.4 (SSP) 加载字幕 Linux5配置jboss环境 pager-taglib 分页扩展实例 DisplayTag1.2 扩展(自定义分页、排序、导出、页面导航) EJB3在JBoss5内集群探究 maven2 Jetty运行多模块的web application JBoss5开发web service常见问题 jboss启动常见的错误 ADO连接池 IDUdpServer研究心得 DLL内线程同步主线程研究(子线程代码放到主线程执行) DBGrid内使用CheckBox功能 子绑定控件获取父绑定项的值 - 张皓 - 博客园 IdTcpServer 用户掉线检测方法 . Net环境下消息队列(MSMQ)对象的应用[转] 消息队列(Message Queue)简介及其使用[转] 分布式事务TransactionScope小结[转] 分布式事务的点滴 调试SQL Server存储过程方法
layout_weight体验(实现按比例显示)
张皓 · 2011-11-04 · via 博客园 - 张皓

  在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配置:

 <LinearLayout
android:orientation="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1"
>
<TextView
android:layout_width="wrap_content"
android:layout_height
="fill_parent"
android:layout_weight
="1"
android:background
="#aa0000"
android:gravity
="center"
android:text
="1"/>
<TextView
android:layout_width="wrap_content"
android:layout_height
="fill_parent"
android:layout_weight
="2"
android:background
="#00aa00"
android:gravity
="center"
android:text
="1"/>
<TextView
android:layout_width="wrap_content"
android:layout_height
="fill_parent"
android:layout_weight
="3"
android:background
="#0000aa"
android:gravity
="center"
android:text
="1"/>
</LinearLayout>

 效果如下:

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

配置:

 <LinearLayout
android:orientation="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1">
<TextView
android:layout_width="wrap_content"
android:layout_height
="fill_parent"
android:layout_weight
="1"
android:background
="#aa0000"
android:gravity
="center"
android:text
="1111111111111111111111111111111111111111111"/>
<TextView
android:layout_width="wrap_content"
android:layout_height
="fill_parent"
android:layout_weight
="2"
android:background
="#00aa00"
android:gravity
="center"
android:text
="2"/>
<TextView
android:layout_width="wrap_content"
android:layout_height
="fill_parent"
android:layout_weight
="3"
android:background
="#0000aa"
android:gravity
="center"
android:text
="3"/>
</LinearLayout>

效果:

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

 <LinearLayout
android:orientation="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1">
<TextView
android:layout_width="0dp"
android:layout_height
="fill_parent"
android:layout_weight
="1"
android:background
="#aa0000"
android:gravity
="center"
android:text
="1111111111111111111111111111111111111111111"/>
<TextView
android:layout_width="0dp"
android:layout_height
="fill_parent"
android:layout_weight
="2"
android:background
="#00aa00"
android:gravity
="center"
android:text
="2"/>
<TextView
android:layout_width="0dp"
android:layout_height
="fill_parent"
android:layout_weight
="3"
android:background
="#0000aa"
android:gravity
="center"
android:text
="3"/>
</LinearLayout>

效果:

这样终于达到我们的按比例显示的效果了,感觉很是奇怪,android开发框架的大佬们有时候设计确实有点匪夷所思。

  二、LinearLayout内的控件的layout_width设置为"fill_parent",请看一下xml配置:

 <LinearLayout
android:orientation="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1">
<TextView
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1"
android:background
="#aa0000"
android:gravity
="center"
android:text
="1"/>
<TextView
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="2"
android:background
="#00aa00"
android:gravity
="center"
android:text
="2"/>
</LinearLayout>


效果如下:

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

<LinearLayout
android:orientation="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1">
<TextView
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="1"
android:background
="#aa0000"
android:gravity
="center"
android:text
="1"/>
<TextView
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="2"
android:background
="#00aa00"
android:gravity
="center"
android:text
="2"/>
<TextView
android:layout_width="fill_parent"
android:layout_height
="fill_parent"
android:layout_weight
="3"
android:background
="#0000aa"
android:gravity
="center"
android:text
="3"/>
</LinearLayout>

效果:

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

这个效果让人很困惑,我一直想寻求出一个确切的比例公式,但是至今未找到。有哪位大神能搞定的话忘不吝赐教。

虽然这个android:layout_weight属性很怪异,但幸运的是我们达到了目标:

  按比例显示LinearLayout内各个子控件,需设置android:layout_width="0dp",如果为竖直方向的设置android:layout_height="0dp"。在这种情况下某子个控件占用LinearLayout的比例为:本控件weight值 / LinearLayout内所有控件的weight值的和。