【Android 如何置底一个View(附 前置声明layout布局文件中的资源ID)】 - Bill_Hoo专栏 - 51CTO技术博客

Android 4.0

博客统计信息

51CTO推荐博客
用户名:Bill_Hoo
文章数:66
评论数:216
访问量:171508
无忧币:6497
博客积分:1252
博客等级:5
注册日期:2010-10-27

搜索BLOG文章

我的技术圈(0)

更多>>

友情链接

【Android 如何置底一个View(附 前置声明layout布局文件中的资源ID)】
2012-01-16 15:24:30
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://billhoo.blog.51cto.com/2337751/764788

    PS:初学Android,很多术语可能不甚严谨,希望大家积极指出,bill才好及时改正,以免误人子弟。

今天在考虑一个RelativeLayout布局,整个屏幕分为两个部分,上部分是一个ListView,下部分是两个横排的Button。欲实现这两个Button始终置底,ListViewButton的上方占满剩余的空间。

Button置底这个方法还算简单,直接将两个Button包裹于一个LinearLayout,然后设置这个LinearLayout的属性android:layout_alignParentBottomtrue即可。

效果如下:

 

 

 

XML代码如下:

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.     <!-- Button 置底 --> 
  7.     <LinearLayout android:id="@+id/test_bottom_buttons" 
  8.         android:layout_width="fill_parent" android:layout_height="wrap_content" 
  9.         android:orientation="horizontal" android:layout_alignParentBottom="true"> 
  10.  
  11.         <Button android:layout_width="wrap_content" 
  12.             android:layout_height="wrap_content" android:text="确定"></Button> 
  13.  
  14.         <Button android:layout_width="wrap_content" 
  15.             android:layout_height="wrap_content" android:text="取消"></Button> 
  16.  
  17.     </LinearLayout> 
  18. </RelativeLayout> 

接下来就是要把剩余的空间用一个ListView进行填充了。

最开始bill臆断地认为,只要在包裹ButtonsLinearLayout代码上方加上一个ListViewOK了,这是我最开始错误的xml布局文件:

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.     <ListView android:id="@+id/lv_test" android:layout_width="fill_parent" 
  7.         android:layout_height="fill_parent"> 
  8.     </ListView> 
  9.  
  10.     <!-- Button 置底 --> 
  11.     <LinearLayout android:id="@+id/test_bottom_buttons" 
  12.         android:layout_width="fill_parent" android:layout_height="wrap_content" 
  13.         android:orientation="horizontal" android:layout_alignParentBottom="true"> 
  14.  
  15.         <Button android:layout_width="wrap_content" 
  16.             android:layout_height="wrap_content" android:text="确定"></Button> 
  17.  
  18.         <Button android:layout_width="wrap_content" 
  19.             android:layout_height="wrap_content" android:text="取消"></Button> 
  20.  
  21.     </LinearLayout> 
  22.      
  23. </RelativeLayout> 

 

写完后悲剧地发现Button倒是置底了,但是ListView却并没有在Button上方,而是充斥了整个屏幕。如下图所示:

 

可以看到,ListViewItem 8列表项穿过了Buttons

 

 

相对布局是最灵活、最巧妙的“手工活儿”,出现这种情况,只能怪bill自己疏忽大意,稍后我注意到这样一条属性android:layout_above="[viewid]",表示相对布局中的当前view处在viewid所指代view的上方。这可算是救星啊,迅速改正ListView的布局代码如下:

 

  1. <ListView android:id="@+id/lv_test" android:layout_width="fill_parent" 
  2. android:layout_height="fill_parent"
  3. android:layout_above="@id/test_bottom_buttons"> 
  4. </ListView> 

 

这样理论上就表示ListView是位于Buttons的上方,原本以为这样就大功告成了,没想到却得到一个莫名其妙的编译错误:

 

error: Error: No resource found that matches the given name (at 'layout_above' with value 

 '@id/test_bottom_buttons').

 

说是在android:layout_above这条属性语句中,找不到@id/test_bottom_buttons所指的资源,但是我上面的xml文件明明添加了这个ID的啊(<LinearLayout android:id="@+id/test_bottom_buttons"),怎么会找不到?

后来仔细一想,既然我认为“test_bottom_buttons这个ID资源肯定存在”是一个事实,而编译提示“找不到该ID所指的资源”也是一个事实,两个完全对立的事实不可能同时存在,那么总有一个“事实”是伪造的,而编译器99.99%是不会撒谎的。也就是说我自己把自己骗了,test_bottom_buttons这个ID资源并不存在。

但是这个ID的的确确已经被我写进XML布局文件里了啊?!

突然,我得到了一个灵感,我们知道,C++里两个类相互嵌套会产生编译错误,提示找不到其中一个类的声明。这里会不会出现了类似于这种情况的错误呢?

于是我把ListViewXML代码写在了Buttons的后面:

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.     <!-- Button 置底 --> 
  7.     <LinearLayout android:id="@+id/test_bottom_buttons" 
  8.         android:layout_width="fill_parent" android:layout_height="wrap_content" 
  9.         android:orientation="horizontal" android:layout_alignParentBottom="true"> 
  10.  
  11.         <Button android:layout_width="wrap_content" 
  12.             android:layout_height="wrap_content" android:text="确定"></Button> 
  13.  
  14.         <Button android:layout_width="wrap_content" 
  15.             android:layout_height="wrap_content" android:text="取消"></Button> 
  16.  
  17.     </LinearLayout> 
  18.  
  19.     <ListView android:id="@+id/lv_test" android:layout_width="fill_parent" 
  20.         android:layout_height="fill_parent" android:layout_above="@id/test_bottom_buttons"> 
  21.     </ListView> 
  22.  
  23. </RelativeLayout> 

不出所料,编译通过并正常显示如下:

 

Buttons已经置底,且ListView位于Buttons上方

 

 

这就说明,之前的错误是由于在xml编译期,ListView写在了LinearLayout的前面,编译ListView时,LinearLayoutID @+id/test_bottom_buttons 尚未添加到系统中,而ListView就提前使用了这条ID资源 android:layout_above="@id/test_bottom_buttons因此编译到此处时,由于找不到ID资源而导致编译错误并停止编译,于是就出现了上述“莫名其妙”的错误。解决办法之一是,严格遵循“先声明后使用”的原则办事。

问题虽然解决了,但是却解决得并不完美。我们一般习惯按照布局的排版顺序依次列写我们的xml代码,但是像上述这样的xml并没有按照布局的顺序编写,而是为了解决找不到ID这个问题,把本应该写在前面的ListView后置了。总觉得很别扭,有没有什么方法既能解决找不到ID的问题,又能按照实际布局的顺序编写XML布局代码呢?答案是肯定的。

就如同C++里解决两个相互嵌套类的方案——前置声明一样,布局文件中也有所谓的“前置声明”。

既然问题在于该ID的使用出现在声明之前,那么我们就试图把ID的声明提前。

这里用到了另一个xml配置文件,bill暂且将其命名为myids,在myids.xml中编写如下内容:

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <resources> 
  3.     <!-- 手动声明资源ID,类似于C++中的前置声明 --> 
  4.     <item type="id" name="test_bottom_buttons"></item> 
  5. </resources> 

 

这样便手动向系统添加了一个ID test_bottom_buttons 系统会根据这条xml代码在R类中生成对应的int型资源。

我们现在就可以按照实际布局的顺序将xml代码改写如下了

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:orientation="vertical" android:layout_width="fill_parent" 
  4.     android:layout_height="fill_parent"> 
  5.  
  6.   <ListView android:id="@+id/lv_test" android:layout_width="fill_parent" 
  7.     android:layout_height="fill_parent" android:layout_above="@id/test_bottom_buttons"> 
  8.   </ListView> 
  9.    
  10.     <!-- Button 置底 --> 
  11.     <LinearLayout android:id="@id/test_bottom_buttons" 
  12.         android:layout_width="fill_parent" android:layout_height="wrap_content" 
  13.         android:orientation="horizontal" android:layout_alignParentBottom="true"> 
  14.  
  15.         <Button android:layout_width="wrap_content" 
  16.             android:layout_height="wrap_content" android:text="确定"></Button> 
  17.  
  18.         <Button android:layout_width="wrap_content" 
  19.             android:layout_height="wrap_content" android:text="取消"></Button> 
  20.  
  21.     </LinearLayout> 
  22.  
  23. </RelativeLayout> 

 

效果如下:

 

 

Buttons置底,且ListView位于其上方

 

 

ADDED(billhoo - 2013-3-18)

感谢网友gogo901的回复,他提到要实现上述行为还有更加简单的方式:

QUOTE[

              可以不换顺序

              List中定义:android:layout_above="@+id/test_bottom_buttons

              Button中定义:android:id="@id/test_bottom_buttons"

]

 

这下可以收工吃东西了~

写了这么多,bill知道,自己只是从表面实验了一下android资源文件编译期的一些特性。但是资源文件的编译顺序究竟是怎么样的?这个过程真的就像是C++的编译吗?如果是,那么其编译器是什么?如果不是,那么这个过程又叫做什么呢?

我想,这些谜题应该会随着自己学习的深入而一一解开吧。

 

本文出自 “Bill_Hoo专栏” 博客,请务必保留此出处http://billhoo.blog.51cto.com/2337751/764788

更多 1

文章评论

 
2012-02-13 14:18:26
不错 支持了

2012-02-13 14:25:37
回复 MJ007:[1楼]
感谢你的支持^^

2012-05-25 16:10:09
感谢分享

2012-12-16 11:46:56
非常好啊,支持楼主!

2013-03-17 23:50:36
可以不换顺序
List中定义:android:layout_above="@+id/test_bottom_buttons"
Button中定义:android:id="@id/test_bottom_buttons"

2013-03-18 20:28:11
回复 gogo901:[5楼]

gogo901你好,很高兴看到你的回复,这种方法确实比我之前使用的“迂回战术”方便多了。   向你学习了!

2013-04-02 00:31:56
樓主您好!!
想要請教您:
我目前的配置是這樣:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical">  
 
  <Button
    android:id="@+id/get_record"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:text="Catch!" />
 
    <TableLayout
    android:id="@+id/user_list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    </TableLayout>

      <TextView
    android:id="@+id/textView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
       </TextView>
       
       <Spinner
    android:id="@+id/spinnner"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
       </Spinner>  
   
</LinearLayout>

但是卻找不到我的spinnner1
想要請問該怎麼處理呢?ˊˋ
謝謝!!

2013-04-04 14:16:35
回复 初學小妹:[7楼]

你好,我看了下你的配置,好像沒有在任何地方使用spinner,何來找不到之說?
再者,你的spinner的ID名為spinner,而你卻說找不到"spinner1",是否有所疏忽呢?
希望對你有所幫助。

 

发表评论            

工信部-弱电项目经理技术资格认证
昵  称:
登录  快速注册
验证码:

点击图片可刷新验证码请点击后输入验证码博客过2级,无需填写验证码

内  容: