更新时间 | 修改意见 |
---|---|
2016-08-02 | 陈敏 |
第7节 TableLayout
TableLayout
顾名思义,就是像表格一样的布局。它是LinearLayout
的子类,所以拥有LinearLayout
的所有属性。
![](https://i-blog.csdnimg.cn/blog_migrate/80ab8fdabe7ca8dcf3fde191d1303c94.png)
7.1 TableLayout
的行数
TableLayout
需要与它的搭档TableRow
配合使用,TableRow
也是LinearLayout
的子类,表示表格的每一行,例如一个表格有3行,它的布局文件就应该像这样,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent">
<TableRow/> <!--第一行-->
<TableRow/> <!--第二行-->
<TableRow/> <!--第三行-->
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/722b26afbf4fe184479229cefc8beb2a.png)
TableRow
可以不用指定它的android:layout_height
和android:layout_width
属性(对于其它类型的布局来说,这两个属性是必须要设置的,不然编译器会提示错误),默认情况下,android:layout_height
为wrap_content
,android:layout_width
为match_parent
。
7.2 TableLayout
的列数
每一个TableRow
中包含的子控件(或者子布局)的个数,就是表格的列数。如果各个TableRow
中包含的子控件个数不相同,那么就以最多的个数为准,作为整个表格的列数。
例如下面的布局,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent">
<TableRow >
<Button android:text="C"/>
<Button android:text="DEL"/>
<Button android:text="."/>
<Button android:text="+"/>
</TableRow>
<TableRow >
<Button android:text="7"/>
<Button android:text="-"/>
</TableRow>
<TableRow >
<Button android:text="4"/>
<Button android:text="5"/>
<Button android:text="6"/>
</TableRow>
<TableRow >
<Button android:text="1"/>
<Button android:text="2"/>
<Button android:text="3"/>
<Button android:text="/"/>
</TableRow>
<TableRow >
<Button android:text="0" />
</TableRow>
</TableLayout>
效果如下,可以看到这是一个5*4的表格,有的行有2格、有的有3格、有的有4格,于是采用格数最多的作为表格的列数。这里因为屏幕空间比较大,并没有占据完整个屏幕。
![](https://i-blog.csdnimg.cn/blog_migrate/c180738885f4cb3d248aface2416f825.png)
7.3 TableLayout
界面调整
7.3.1 表格的平分
很多时候,我们希望表格的每一行能够平均分配可用的空间,那么可以为每个TableRow
设置android:layout_weight=1
,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent">
<TableRow android:layout_weight="1">
<Button android:text="C"/>
<Button android:text="DEL"/>
<Button android:text="."/>
<Button android:text="+"/>
</TableRow>
<TableRow android:layout_weight="1">
<Button android:text="7"/>
<Button android:text="-"/>
</TableRow>
<TableRow android:layout_weight="1">
<Button android:text="4"/>
<Button android:text="5"/>
<Button android:text="6"/>
</TableRow>
<TableRow android:layout_weight="1">
<Button android:text="1"/>
<Button android:text="2"/>
<Button android:text="3"/>
<Button android:text="/"/>
</TableRow>
<TableRow android:layout_weight="1">
<Button android:text="0" />
</TableRow>
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/938988727de738b700b432c9bbcdfe26.png)
表格的每一列能够平均分配可用的空间,那么可以为每个TableLayout
添加android:stretchColumns="*"
,这样,剩余的空间就被拉伸平分了,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent"
android:stretchColumns="*">
......
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/b0abb321ce9fc676d3c36b85c1bf3066.png)
android:stretchColumns
用来指定需要拉伸的单元格,*
表示所有单元格。
也可以指定部分单元格拉伸,例如指定第2列赫第4列,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent"
android:stretchColumns="1,3">
![](https://i-blog.csdnimg.cn/blog_migrate/60b8ead0bafa89af8d64da80e9caa490.png)
注意,可拉伸的单元格序号是从0
开始;多个单元格,可以用逗号分隔开。
7.3.2 表格列的收缩
有的时候,如果一个单元格的内容过长,会影响到同一行其它列的显示效果,例如,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent">
<TableRow android:layout_weight=1>
<Button android:text="Cfdfdfdfdffdfdffdfdffdfdfdfdfdfdfddf"/>
<Button android:text="DEL"/>
<Button android:text="."/>
<Button android:text="+"/>
</TableRow>
......
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/b26609c55a95a6518f776d3c0358bb10.png)
如果对TableLayout
使用了android:shrinkColumns
,并指定可以收缩的列为0
,那么这一列的内容就可以朝着下方伸展,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent"
android:shrinkColumns="0">
......
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/41a6ec14ebb782e50f6465ab5f7f08e6.png)
注意,可收缩的单元格序号是从0
开始;多个单元格,可以用逗号分隔开。
7.3.3 表格列的隐藏
要隐藏某一列也很容易,使用android:collapseColumns
,将要隐藏的列的序号填入即可,例如,
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent"
android:collapseColumns="0">
......
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/14c249c4964fbff5617533cdedebe3fd.png)
可以看到,第一列已经被隐藏起来不见了。
注意,可收缩的单元格序号是从0
开始;多个单元格,可以用逗号分隔开。
7.3.4 单元格的跨列
有时,希望一个按钮能够跨多列,可以使用android:layout_span
属性,例如这里让按键0
,跨两列
<TableLayout
android:layout_height="match_parent"
android:layout_width="match_parent">
......
<TableRow android:layout_weight="1">
<Button android:text="0"
android:layout_span="2"/>
</TableRow>
......
</TableLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/71fb1b081f99e6cae1480804117c6247.png)
需要注意的是,TableLayout
中的单元格并不能跨行合并显示。
/*******************************************************************/
* 版权声明
* 本教程只在CSDN和安豆网发布,其他网站出现本教程均属侵权。
/*******************************************************************/
第8节 VideoView
播放视频可以使用Android SDK提供的现成的控件VideoView
。它是对media player
和surface
的封装,对于初次进行视频播放开发的开发者来说,使用VideoView
是最简单和方便的,不用关注太多细节上的实现方式。
8.1 VideoView的使用
VideoView
的使用,非常简单,
在布局文件中放置一个
VideoView
控件,<VideoView android:id="@+id/video_view" android:layout_width="match_parent" android:layout_height="match_parent"/>
在Activity当中,获取布局文件中的
VideoView
,然后设置要播放的视频地址,mVideoView = (VideoView) findViewById(R.id.video_view); //使用视频的字符串路径 mVideoView.setVideoPath(strPath); //使用视频的uri路径 mVideoView.setVideoURI(uriPath);
- 使用字符串路径,视频的地址类似于:
/storage/emulated/0/Video/【大自然】mothernature(蒋雯丽配音).mp4
; - 使用uri路径;
- 使用字符串路径,视频的地址类似于:
使用
VideoView
提供的接口,控制视频播放的流程,//从头开始播放视频 mVideoView.start(); //暂停播放视频 mVideoView.pause(); //继续播放视频 mVideoView.resume() //跳转到xxx毫秒处开始播放 mVideoView.seekTo(xxx);
8.2 控制面板
还可以为VideoView
添加控制面板-MediaController
,这个面板集成了播放进度拖动、暂停、继续播放等功能,还可以自动隐藏或显示。
![](https://i-blog.csdnimg.cn/blog_migrate/4e42ff3a6c3db15f8266db46e6d72930.png)
使用Android SDK自带的MediaController
,
MediaController controller= new MediaController(context);
mVideoView.setMediaController(controller);
如果VideoView
有父布局,那么为它添加的MediaController
就会附着在父布局的底部的。
![](https://i-blog.csdnimg.cn/blog_migrate/12e6c88e068186c288d429fefe9dd11f.png)
因此为了界面美观,经常在布局文件中,将VideoView
单独放到一个FrameLayout
当中,并让它居中显示,
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<VideoView
android:layout_gravity="center"
android:id="@+id/video_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</FrameLayout>
![](https://i-blog.csdnimg.cn/blog_migrate/100163feb1c3e32f5ae8adc15021659c.png)
/*******************************************************************/
* 版权声明
* 本教程只在CSDN和安豆网发布,其他网站出现本教程均属侵权。
*另外,我们还推出了Arduino智能硬件相关的教程,您可以在我们的网店跟我学Arduino编程中购买相关硬件。同时也感谢大家对我们这些码农的支持。
*最后再次感谢各位读者对安豆
的支持,谢谢:)
/*******************************************************************/