android学习第二课(布局管理)

最新推荐文章于 2024-03-24 18:09:04 发布
最新推荐文章于 2024-03-24 18:09:04 发布
阅读量742 收藏
点赞数
分类专栏： Android--布局管理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/draem0507/article/details/8334019
版权

一、线性布局LinearLayout

1.orientation --表示线性布局的方向,horizontal:水平方向  vertical:垂直方向 
2.android:layout_gravity与android:gravity区别
		
名字上可以看到，android:gravity是对元素本身说的，元素本身的文本显示在什么地方靠着换个属性设置，不过不设置默认是在左侧的。
android:layout_gravity是相对与它的父元素说的，说明元素显示在父元素的什么位置。
比如说button： android:layout_gravity 表示按钮在界面上的位置。 android:gravity表示button上的字在button上的位置。

	  
<?xml version="1.0" encoding="utf-8"?>
<!--线性布局，最外面包裹一个水平线性布局-->
<!--orientation表示线性布局的方向,horizontal:水平方向  vertical:垂直方向 -->
<!-- @代表R类，如果是自定义的ID 则用@+id/××× 表示，如果是引用R类的资源则@string/×××-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:background="@drawable/bg"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <LinearLayout
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:orientation="vertical"
    >
		<TextView  
		    android:layout_width="fill_parent" 
		    android:layout_height="wrap_content" 
		    android:text="@string/linear"
		    />
		 <Button
		 	android:id="@+id/button"
		 	android:layout_width="183dp" 
		    android:layout_height="wrap_content" 
		    android:text="@string/button"
		 	/>
		 <ImageButton 
		 	android:id="@+id/imagebutton"
		 	android:layout_width="180dp"
		 	android:layout_height="48dp"
		 	android:src="@drawable/imagebutton"
		 	/>
		 	
	 </LinearLayout>
	 <!-- android:layout_gravity与android:gravity区别，拿一个button作为例子
	 	  前者的意思，是这个按钮的位置，如果设置为right则表示这个按钮整体位置靠右;
	 	  后者的意思，这个按钮上显示内容的位置。
	  -->
	 <LinearLayout
	 	android:gravity="right"
	 	android:layout_width="fill_parent"
	 	android:layout_height="wrap_content"
	 	android:orientation="horizontal"
	 	>
	 	<ImageView
	 		android:id="@+id/imageview"
	 		android:layout_marginTop="5dp"
	 		android:src="@drawable/imageview"
	 		android:layout_width="131dp"
	 		android:layout_height="131dp"
	 	/>
	 </LinearLayout>
	
</LinearLayout>


二、表格布局TableLayout

TableLayout特点： 
        1）TableLayout和我们平时在网页上见到的Table有所不同，TableLayout没有边框的 
        2）它是由多个TableRow对象组成，每个TableRow可以有0个或多个单元格，每个单元格就是一个View。这些TableRow，单元格不能设置layout_width,宽度默认是fill_parent的，只有高度layout_height可以自定义，默认是wrap_content。 
        3）单元格可以为empty，并且通过android:layout_column可以设置index值实现跳开某些单元格。在TableRow之间 
 4）添加View,设置layout_height以及背景色，就可以实现一条间隔线。android:layout_span可以设置合并几个单元格
      
        
<?xml version="1.0" encoding="utf-8"?>
    <TableLayout android:id="@+id/tableLayout" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:stretchColumns="*" >
        <TableRow android:id="@+id/tableRow0" android:layout_width="wrap_content" android:layout_height="wrap_content">
        	
        	
        	<EditText 
			android:digits="1234567890.+-*/=%\n\t()" 
			android:layout_width="fill_parent"
			android:layout_span="4"
        	></EditText>
        </TableRow>
           <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content">
        	
        	<Button
        		android:text="("
        		android:layout_width="1dip"
        	></Button>
        	<Button
        		android:text=")"
        		android:layout_width="1dip"
        	></Button>
        	<Button
        		android:text="*"
        		android:layout_width="1dip"
        	></Button>
        	<Button
        		android:text="back"
        		android:layout_width="1dip"
        	></Button>
        	
        </TableRow>
        <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="wrap_content">
        	
        	<Button
        		android:text="7"
        	></Button>
        	<Button
        		android:text="8"
        	></Button>
        	<Button
        		android:text="9"
        	></Button>
        	<Button
        		android:text="%"
        	></Button>
        	
        </TableRow>
         <TableRow android:id="@+id/tableRow3" android:layout_width="wrap_content" android:layout_height="wrap_content">
        	
        	<Button
        		android:text="4"
        	></Button>
        	<Button
        		android:text="5"
        	></Button>
        	<Button
        		android:text="6"
        	></Button>
        	<Button
        		android:text="/"
        	></Button>
        	
        </TableRow>
        <TableRow android:id="@+id/tableRow4" android:layout_width="wrap_content" android:layout_height="wrap_content">
        	
        	<Button
        		android:text="1"
        	></Button>
        	<Button
        		android:text="2"
        	></Button>
        	<Button
        		android:text="3"
        	></Button>
        	<Button
        		android:text="-"
        	></Button>
        	
        </TableRow>
         <TableRow android:id="@+id/tableRow4" android:layout_width="wrap_content" android:layout_height="wrap_content">
        	
        	<Button
        		android:text="0"
        	></Button>
        	<Button
        		android:text="."
        	></Button>
        	<Button
        		android:text="+"
        	></Button>
        	<Button
        		android:text="*"
        	></Button>
        	
        </TableRow>
        <!-- 设置tr间的分割线 -->
        <View android:layout_height="20dip" android:background="#C4C4C4"></View>
        	
    </TableLayout>

三、绝对布局AbsoluteLayout

layout_x:指定布局中子组件的X坐标
Lyout_y:指定布局中子组件的Y坐标
px(像素)
dip/dp：独立设备像素(device independent pixels)主要处理组件的大小宽度
sp:主要处理文字大小

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:layout_x="20dip"
android:layout_y="20dip"
android:id="@+id/textView1"
android:text="用户名:" android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</TextView>
<EditText android:layout_x="80dip" android:layout_width="wrap_content"
android:id="@+id/editText1" android:text="EditText"
android:layout_height="wrap_content" android:width="200px"></EditText>
<TextView android:layout_x="20dip" android:id="@+id/textView2"
android:text="密码:" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_y="75dip"></TextView>
<EditText android:layout_x="80dip" android:layout_width="wrap_content"
android:id="@+id/editText2" android:text="EditText"
android:layout_height="wrap_content" android:layout_y="75dip" android:width="200px" android:password="true"></EditText>
<Button android:text="登录" android:layout_x="130dip"
android:id="@+id/button1" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_y="135dip"></Button>
</AbsoluteLayout>




四、相对布局RelativeLayout

RelativeLayout.LayoutParams中可以找到大量的属性
1.相对于布局的属性:
	比如说，layout_centerHorizontal 子组件是否位于布局容器的水平居中位置
	layout_alignParentBottom子组件是否与布局底端对其等等
2.相对其他组件属性：
	比如说，layout_toRightOf 控制该组件位于给定ID的右侧

<?xml version="1.0" encoding="utf-8"?>
<!-- 相对布局  一个控件相对于另一个控件或者容器的位置。 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="@drawable/bg"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
	<TextView  
		android:id="@+id/describe_view" 
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/hello"
	    android:textColor="#556055"
	    />
	 <!-- 这个TextView相对于上一个TextView 在 它的下方所以设置属性为layout_below-->
	 <TextView
	 	android:id="@+id/username_view"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:layout_marginTop="12dp"
	 	android:text="@string/username"
	 	android:textColor="#556055"
	 	android:layout_below="@id/describe_view"
	 />
	 <EditText
	 	android:id="@+id/username_edit"
	 	android:layout_width="90dp"
	 	android:layout_height="40dp"
	 	android:layout_marginTop="4dp"
	 	android:layout_toRightOf="@id/username_view"
	 	android:layout_below="@id/describe_view"
	 />
	 <TextView
	 	android:id="@+id/sex_view"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:layout_marginTop="12dp"
	 	android:text="@string/sex"
	 	android:textColor="#556055"
	 	android:layout_below="@id/describe_view"
	 	android:layout_toRightOf="@id/username_edit"
	 />
	 <RadioGroup
	 	android:id="@+id/sex_radiogroup"
	 	android:orientation="horizontal"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:layout_toRightOf="@id/sex_view"
	 	android:layout_below="@id/describe_view"
	 	>
	    <!--第一个RadioButton -->
	    <RadioButton
	      android:id="@+id/male_radiobutton"
	      android:layout_width="wrap_content"
	      android:layout_height="wrap_content"
	      android:text="男"
	    />
	    <!--第二个RadioButton -->
	    <RadioButton
	      android:id="@+id/woman_radiobutton"
	      android:layout_width="wrap_content"
	      android:layout_height="wrap_content"
	      android:text="女"
	    />
	 </RadioGroup>
	 <TextView
	 	android:id="@+id/age_view"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:paddingTop="25dp"
	 	android:text="@string/age"
	 	android:textColor="#556055"
	 	android:layout_below="@id/username_view"
	 />
	 	
	 <EditText
	 	android:id="@+id/brithday_edit"
	 	android:layout_width="90dp"
	 	android:layout_height="40dp"
	 	android:layout_marginTop="4dp"
	 	android:hint="@string/selectdate"
	 	android:textSize="13sp"
	 	android:gravity="center"
	 	android:editable="false"
	 	android:layout_toRightOf="@id/age_view"
	 	android:layout_below="@id/username_edit"
	 />
	  <TextView
	 	android:id="@+id/education_view"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:paddingTop="25dp"
	 	android:text="@string/education"
	 	android:textColor="#556055"
	 	android:layout_below="@id/sex_view"
	 	android:layout_toRightOf="@id/brithday_edit"
	 />
	 <!-- 下拉列表控件 -->
	 <Spinner
	 	android:id="@+id/edu_spinner"
	 	android:layout_width="108dp"
	 	android:layout_height="38dp"
	 	android:layout_below="@id/sex_radiogroup"
	 	android:layout_toRightOf="@id/education_view"
	 />
	 <TextView
	 	android:id="@+id/interest_view"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:paddingTop="25dp"
	 	android:text="@string/interest"
	 	android:textColor="#556055"
	 	android:layout_below="@id/age_view"
	 />
	 <!-- 复选框控件 -->
	 <CheckBox
	 	android:id="@+id/car_check"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:text="@string/car"
	 	android:textColor="#566156"
	 	android:layout_toRightOf="@id/interest_view"
	 	android:layout_below="@id/brithday_edit"
	 />
	 <CheckBox
	 	android:id="@+id/sing_check"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:layout_marginLeft="11dp"
	 	android:text="@string/sing"
	 	android:textColor="#566156"
	 	android:layout_toRightOf="@id/car_check"
	 	android:layout_below="@id/brithday_edit"
	 />
	 <CheckBox
	 	android:id="@+id/movie_check"
	 	android:layout_width="wrap_content"
	 	android:layout_height="wrap_content"
	 	android:layout_marginLeft="11dp"
	 	android:text="@string/movie"
	 	android:textColor="#566156"
	 	android:layout_toRightOf="@id/sing_check"
	 	android:layout_below="@id/brithday_edit"
	 />
	 <Button
	 	android:id="@+id/submit_button"
	 	android:layout_width="100dp"
	 	android:layout_height="40dp"
	 	android:text="@string/submit"
	 	android:gravity="center"
	 	android:layout_below="@id/movie_check"
	 	android:layout_marginLeft="210dp"
	 	android:layout_marginTop="15dp"
	 />
</RelativeLayout>


五、框架布局FrameLayout

框架布局，确切的说应该是叫做帧布局，因为
子控件均显示在屏幕的左上角，层叠式排列。此布局无法控制子控件的大小与位置

<?xml version="1.0" encoding="utf-8"?>

<!-- 帧布局，所以子控件均显示在屏幕的左上角，层叠式排列。此布局无法控制子控件的大小与位置，
      但是子控件自身可以控制其位置大小 -->
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    >
    <!-- 图片显示控件 并且在容器的右侧显示 -->
	<ImageView 
		android:id="@+id/one_imageview"
		android:src="@drawable/one"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="right"
		/>
	<!-- 第二张图片显示在左侧底部 -->
	<ImageView 
		android:id="@+id/two_imageview"
		android:src="@drawable/two"
		android:layout_width="wrap_content"
		android:layout_height="fill_parent"
		android:scaleType="fitEnd"
		/>
</FrameLayout>




上述代码参考网络上的，仅仅做为参考，代码见附件了. 点击下载


draem0507
关注
专栏目录
android:TableLayout表格布局详解
web开发
09-30 1108
这篇博文包括的内容： 1、TableLayout简介 2、TableLayout行列数的确定 3、TableLayout可设置的属性详解 4、一个包含4个TableLayout布局的实例及效果图 一、Tablelayout简介 Tablelayout类以行和列的形式对控件进行管理，每一行为一个TableRow对象，或一个View控件。 当为TableRow对象时，可...
Android Studio学习：网格布局
weixin_62763352的博客
11-13 450
Android Studio学习：网格布局
Android度量单位说明(DIP,DP,PX,SP)
一切没有被记录的，终将被遗忘
09-29 948
（一）概念 dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。 px: pixels(像素). 不同设备显示效果相同，一般我们HVGA代表320x480像素，这个用的比较多。 pt: point，是一个标准的长度单位，1pt＝1/72英寸，用
android学习笔记19--------------tablelayout的均分效果
奔跑的蜗牛
02-15 1万+
转载请注明出处：http://blog.csdn.net/yf210yf TableLayout，表格布局采用行列形式管理UI组件，TableLayout不需要明确地声明有多少行和列，而是通过添加TableRow、其它组件来控制表格的行数、列数。 每次向TableLayout添加一个TableRow，就是在向表格添加一行，TableRow也是容器，可以向TableRow中添加组件，
Android学习笔记-----------布局(一)
GS1574的博客
03-15 120
LinearLayout(线性布局) 线性布局是android开发中的常用布局. 通过设置android:orientation属性来确定线性布局的方向,vertical为垂直方向,horizontal为水平方向. 由于布局的默认对齐方式是左上,若想设置控件的对齐方式,可以通过设置android:gravity属性和android:layout_gravity属性来确定控件的对齐方...
Android布局文件中vertical和horizontal的区别
送人玫瑰，手有余香。
12-27 3441
当 android:orientation=”vertical” 时， 只有水平方向的设置才起作用，垂直方向的设置不起作用。即：left，right，center_horizontal 是生效的。vertical为垂直布局。 当 android:orientation=”horizontal” 时， 只有垂直方向的设置才起作用，水平方向的设置不起作用。即：top，bottom，center_ve...
Android学习--常见界面布局
weixin_66158110的博客
03-24 1892
将准备好的图片放置res下的drawable-hdpi文件夹下（默认情况下没有，需要自己手动创建），注意图片应用.png格式，用英文命名。为减少代码冗余，在res/values下创建styles.xml文件，为按钮设置统一样式btnStyle。1、res/values/colors.xml需加入蓝色与红色两个颜色的定义（默认只有黑白）在res/layout文件夹下创建layout.xml，点击右上角Design进行布局。线性布局内的子控件为水平或竖直排列。通过相对定位的方式指定子控件的位置。
Android中的6大布局管理器
你说的白是什么白_
12-22 2093
文章目录6大布局管理器详解1. LinearLayout 线性布局管理器 为什么要使用布局管理器？ 根据屏幕大小，管理容器内的控件，自动适配组件在手机屏幕中的位置 6大布局管理器详解 1. LinearLayout 线性布局管理器 ...
Android学习笔记13：表格布局管理器TableLayout
04-15
这个例子创建了两行，第一行有两个TextView，第二行有一个跨越两列的Button。 六、TableLayout的使用场景 TableLayout适用于展示数据表、设置界面等需要行列布局的场景。例如，应用的设置界面通常会用到TableLayout...
在千锋逆战班学习第二十天 android之线性布局
01-03
在千锋”逆战”学习第20天, 每个人生阶段都需要努力去扮好自己的角色,越努力越轻松,越坚强越幸运! 加油! 基础代码理解 （1）因为整体布局为线性布局，所以根节点为 （2）XML 命名空间语法：xmlns:namespace-prefix...
【android编程】 第三讲-Android布局管理器
xbean1028的博客
03-02 1万+
android编程 第三讲 Android布局管理器 文章目录android编程 第三讲 Android布局管理器约束布局管理器ConstraintLayout线性布局管理器LinearLayout表格布局管理器TableLayout帧布局管理器FrameLayout相对布局管理器RelativeLayout 约束布局管理器ConstraintLayout 基于条件的布局允许你根据图层和它同级图层...
android创建布局文件,android学习——Android Studio下创建menu布局文件
weixin_42548874的博客
05-26 4828
一、问题：android studio项目中没有看到menu文件夹：在android studio项目中想要添加menu布局文件，一开始我的做法是：直接在res文件夹右键选择xml文件来添加，如下图：但是会发现新建的布局文件好像很奇怪，不能添加menu以及item，如下图：二、解决办法：经过百度才知道menu布局文件要在menu文件夹地下创建才行，正确的做法如下：(1)先在res文件夹右键，然后如...
android开发中常用的五大布局
开发技术总结专栏
12-04 2050
线性布局 线性布局在xml文件中使用来定义。　　线性布局可以分为水平和垂直方向的布局，可以 通过android:orientation来定义方向， android:orientation=“horizontal”表示水平方向， android:orientation=“vertical”表示垂直方向。　　android:layout_width表示控件的宽度，android_layout_h
Android学习笔记-第二章 UI控件
xcsxchen
05-12 895
第二章 UI控件 一、视图组件View View类：是Android所有UI组件的父类，它代表了屏幕上一块空白的矩形区域。 ViewGroup类：作为其它UI组件的容器使用，ViewGroup是View的子类。 应用界面的组成 Android 的所有UI组件都是建立在View、ViewGroup的基础之上。对于一个Android应用的图形用户界面来说，ViewGroup作为容器来盛装其他组件，Vi...
Android RelativeLayout布局
热门推荐
假装你是大灰狼的专栏
08-24 3万+
1. RelativeLayout类 相对布局（RelativeLayout）将子视图以相对位置显示。默认显示在父视图的左上角。 layout_alignParentTop，父视图的上边 layout_alignParentBottom，父视图的下边 layout_alignParentLeft，父视图的左边 layout_alignParentRight，父视图的右边 设置4个子视图在...
安徽建筑大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
ADC建模，ADC数字校准，模拟ic设计 模数转器， ADC MATLAB建模， 包含实例和说明 ADC数字校准 三种adc建模
最新发布
10-05
ADC建模，ADC数字校准，模拟ic设计 模数转器， ADC MATLAB建模， 包含实例和说明 ADC数字校准 三种adc建模资料打包价格 ，simulink模型 14bit 100MSAR ADC 12位流水线 pipelined ADC sigma-delta adc 模拟IC，ADC建模 多种sar adc和流水线的matlab模型 ADC的动态fft，静态特性inl、dnl仿真 多种 sarADCMATLAB和simulink 建模全都整合在里面了 实用SAR ADC的Matlab Simulink Model，可用于非理想效应的行为级仿真一个实用的SAR ADC的行为级模型。 对多种非理想效应都进行了建模仿真，包括非线性采样，比较器offset，以及电容适配 ADC的动态fft，静态特性inl、dnl仿真 教程，动态静态参数分析。 东西很多，就不一一介绍了。
电子科技大学成都学院在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
天津城建大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
Android实战：视图与布局管理详解
"指尖疯Android4.4视频第2集课件，主要讲解了Android中的视图与布局，包括Android视图与容器组件、如何控制UI界面以及Android布局管理器的介绍，提供了对六大布局特性和演练的概览。" 在Android开发中，视图（View...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值