`
ze_nana
  • 浏览: 52251 次
社区版块
存档分类
最新评论

(四)布局

 
阅读更多

padding:描述控件里面的内容与控件的关机,内边距;有四个方向属性;paddingleft......

layout_margin:描述控件之间的位置关系,外边距;有四个方向属性;layout_margingleft.....

 

gravity:设置该控件的对齐方式;

layout_gravity:设置它在父控件中的对齐方式;

 

尺寸:

 

FrameLayout(框架布局)

 

LinearLayout (线性布局)

linearLayout中有一个重要的属性 android:layout_weight="1",这个weight在垂直布局时,代表行距;

                               水平的时候代表列宽;weight值越大就越大。

属性值为具体的像素值,如30dip,40px (建议用dip)
android:layout_marginBottom 离某元素底边缘的距离
android:layout_marginLeft 离某元素左边缘的距离
android:layout_marginRight 离某元素右边缘的距离
android:layout_marginTop 离某元素上边缘的距离

 

AbsoluteLayout(绝对布局):

犹如div指定了absolute属性

用X,Y坐标来指定元素的位置

android:layout_x="20px"

android:layout_y="12px"

 

RelativeLayout(相对布局),

android:layout_above=“@+id/给定的ID”    将该控件的底部至于给定ID的控件之上

android:layout_below                     将该控件的顶部至于给定ID的控件之下
android:layout_toLeftOf                 将该控件的右边缘和给定ID的控件的左边缘对齐
android:layout_toRightOf               将该控件的左边缘和给定ID的控件的右边缘对齐
 
android:layout_alignBaseline    该控件的baseline和给定ID的控件的baseline对齐
android:layout_alignBottom     底部边缘与给定ID控件的底部边缘
android:layout_alignLeft          左边缘与给定ID控件的左边缘对齐
android:layout_alignRight        右边缘与给定ID控件的右边缘对齐
android:layout_alignTop          将顶部边缘与给定ID控件的顶部对齐
 
 
android:alignParentBottom           如果该值为true,底部和父控件的底部对齐
android:layout_alignParentLeft     如果该值为true,左边与父控件的左边对齐
android:layout_alignParentRight   如果该值为true,右边与父控件的右边对齐
android:layout_alignParentTop     如果该值为true,顶部与父控件的顶部对齐
 
android:layout_centerHorizontal    如果值为真,该控件将被至于水平方向的中央
android:layout_centerVertical       如果值为真,该控件将被至于垂直方向的中央
android:layout_centerInParent      如果值为真,该控件将被至于父控件水平方向和垂直方向的中央

TableLayout(表格布局) 。

表格布局类似Html里面的Table。每一个TableLayout里面有表格行TableRow,TableRow里面可以具体定义每一个元素,设定他的对齐方式 android:gravity="" 。

 

TableLayout置底,TableRow在TableLayout的上面
Button、TextView等控件就在TableRow之上
TableLayout之上也可以单独放控件

android:collapseColumns=0,1:以第0行为序,隐藏指定的列:隐藏第0列,第一列;
android:shrinkColumns:将指定的列设为可收缩的列,该列会收缩至适应屏幕;
android:stretchColumns:将指定的列设为可伸展的列,该列会尽量伸展以填满空间
android:layout_column:控件在TableRow中所处的列
android:layout_span:控件所跨越的列数

 

这五个布局元素可以相互嵌套应用,做出美观的界面。

 

Layout用到的一些重要的属性

android:textSize        指定控件当中字体的大小
android:background      指定该控件所使用的背景色,RGB命名法
android:width           指定控件的宽度
android:height          指定控件的高度

android:layout_width    指定Container组件的宽度
android:layout_height   指定Container组件的高度
android:layout_weight   View中很重要的属性,按比例划分空间

android:sigleLine       如果设置为真的话,则控件的内容在同一行中进行显示
android:scaleType       是控制图片如何resized/moved来匹对ImageView的siz

android:layout_alignWithParentIfMissing   如果对应的兄弟元素找不到的话就以父元素做参照物

android:layout_marginBottom        离某元素底边缘的距离
android:layout_marginLeft          离某元素左边缘的距离
android:layout_marginRight         离某元素右边缘的距离
android:layout_marginTop           离某元素上边缘的距离

EditText的android:hint 设置EditText为空时输入框内的提示信息。

 

android:scaleType: 是控制图片如何resized/moved来匹对ImageView的size。
ImageView.ScaleType / android:scaleType值的意义区别:
CENTER /center   按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
CENTER_INSIDE / centerInside 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示
FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置
FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置
FIT_XY / fitXY 把图片不按比例扩大/缩小到View的大小显示
MATRIX / matrix 用矩阵来绘制,动态缩小放大图片来显示。

 

  • 大小: 58.6 KB
分享到:
评论

相关推荐

    Android四大布局及三个控件

    本篇文章将详细讲解Android的四大布局:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)以及网格布局(GridLayout),以及如何使用AlertDialog、ProgressBar和ProgressDialog这三个...

    Android四大布局详解

    - **使用约束布局**:虽然题目主要涉及四大基础布局,但值得提及的是,Google推出的ConstraintLayout提供了一种更为灵活的布局方式,可以替代前四种布局,实现更复杂的界面设计。 文件名称列表中的`android_0301_...

    Android四等分布局Demo

    "Android四等分布局Demo"是一个典型的实例,它展示了如何将屏幕划分为四个相等的部分,为用户提供清晰、均衡的显示效果。这种布局常用于创建网格系统,如卡片式展示、游戏界面或者控制面板等。 在Android中实现四等...

    android四种布局的简单用法

    本篇将详细介绍四种基本的布局:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)和网格布局(GridLayout)。 1. **线性布局(LinearLayout)** 线性布局是最简单的布局,它可以将子...

    Android开发——布局方式Demo源码

    Android布局详解实例,包含:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)四大布局方式的demo

    android弧形布局原型布局

    "android弧形布局原型布局"这个项目就是一种尝试,它旨在实现一个能够适应屏幕四角,并呈现出弧形效果的布局。这样的设计通常用于增强应用的视觉吸引力,比如在建行网银的界面中,可能用于提供更舒适且具有现代感的...

    android笔记安卓基础知识 四大组件、六大布局、五大存储

    1. **LinearLayout(线性布局)**:按水平或垂直方向排列子视图,是最基础的布局方式之一。 2. **FrameLayout(框架布局)**:将所有子视图堆叠在一起,后面的视图会被前面的视图遮挡。 3. **TableLayout(表格...

    X2首页四格唯美版

    在这个设计版本中,"四格"是指页面上以四个区域或模块来组织内容,这种布局方式常见于许多网站的首页,能够有效地展示关键信息,同时保持页面的整洁和平衡。 在网页设计中,四格布局有其独特的优势。首先,它可以...

    Android 相对布局实例

    在Android开发中,布局管理器是构建用户界面的关键部分,其中相对布局(RelativeLayout)是一种常见的布局方式。相对布局允许我们根据各个视图之间的相对位置来安排它们,这为设计复杂且灵活的用户界面提供了可能。...

    移动端REM布局与ViewportVW布局的实例运用

    **四、实例应用** 在"rem-vw-layout-master"压缩包中,可能包含了一个项目,展示了如何在实际项目中应用REM和VW布局。项目可能包括HTML、CSS和JavaScript文件,通过调整不同布局策略,观察在不同屏幕尺寸下的效果。...

    Winform 界面布局详解

    Winform 界面布局详解 Winform 界面布局是指在 Windows 窗体应用程序中对控件的排列和布局,目的是为了让控件在父控件中能够自动地适应大小和位置的变化。Dock 和 Anchor 是两种常用的布局方式,它们可以单独使用,...

    认识Android布局文件

    ### 四、总结 理解Android布局文件的使用是开发过程中必不可少的技能。通过LinearLayout,我们可以创建简单的线性布局,控制控件的排列方式和大小。随着学习的深入,还可以探索更复杂的布局容器,如RelativeLayout...

    C++ 内存对象布局

    #### 四、重复继承类对象内存布局 重复继承指的是一个类从多个类继承。在C++中,默认情况下,每个基类实例都会完整地复制到派生类对象中,这可能导致数据冗余和不一致性。 ##### 1. **重复继承** 如果派生类同时...

    百分比布局

    百分比布局库是由Google推出的Android Support Library的一部分,它包括了四个主要的类:PercentFrameLayout、PercentRelativeLayout、PercentLinearLayout和PercentLayoutHelper。 1. **PercentFrameLayout**: -...

    网络拓扑自动布局算法

    本压缩包包含四篇关于网络拓扑自动布局算法的论文,每篇都提供了不同的方法和视角来解决这一问题。 1. "mcguffin-2012-simpleNetVis.pdf":这篇论文可能介绍了SimpleNetVis,一个简单的网络可视化工具,可能采用了...

    SuperMap iObjects Java 8C获取布局里地图元素的四个顶点坐标值

    本范例实现获取布局里随地图放大缩小平移,其四个顶点的坐标值。

    Qt代码布局原理

    Qt提供了四种主要的布局管理器:QBoxLayout(用于水平布局和垂直布局),QGridLayout(用于网格布局),QFormLayout(用于表单布局)和QStackedLayout(用于堆叠布局)。这些布局管理器使得开发者能够轻松地组织...

    java中JFrame布局

    下面我们将详细探讨Java中`JFrame`支持的四种布局:流布局、网格布局、卡片布局和边框布局。 1. **流布局(FlowLayout)** 流布局是最简单的布局管理器,按照从左到右,从上到下的顺序放置组件。如果一行无法容纳...

    iOS界面布局库

    并且附带四篇教程文档: http://blog.csdn.net/yangtiang/article/details/46483999 线性布局 http://blog.csdn.net/yangtiang/article/details/46795231 相对布局 ...

    CSS布局之道

    3. **定位机制**:CSS提供了静态、相对、绝对和固定四种定位方式。学会如何根据需求选择合适的定位方式,可以解决元素重叠、浮动等问题。 4. **浮动布局**:浮动布局是早期常用的布局方式,通过float属性可以使元素...

Global site tag (gtag.js) - Google Analytics