`
xitongyunwei
  • 浏览: 926333 次
文章分类
社区版块
存档分类
最新评论

XML布局技巧

 
阅读更多

postInvalidate(); 界面刷新


一个list元素可能默认为48px
android:visibility="invisible"> 设置组件显示visible 不显示invisible 消失gone
android:background="@null" 设置组件无背景
android:layout_gravity="right|center_vertical" 向右并垂直居中
<Button

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/star" 将图片设置在按钮的上方
android:text="按钮1"
/>
<include
android:id="@+id/vip_include_top"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
layout="@layout/top_1" /> 包含一个layout
<SlidingDrawer
android:id="@+id/sliding"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:content="@+id/allApps"
android:handle="@+id/imageViewIcon" a
ndroid:orientation="vertical"
> 抽屉式设计必须设置content(类容控件) handle(把手类容控件)
android:layout_alignParentBottom="true" 总是在父元素的底部
android:scrollbars="none" 不要滚动条
android:gravity: 是对view控件本身来说的,是用来设置view本身的文本应该显示在view的什么位置,默认值是左侧

android:layout_gravity:是相对于包含改元素的父元素来说的,设置该元素在父元素的什么位置
<Button android:layout_width="120dip"
android:layout_height="wrap_content"
android:text="切换程序"
style="@android:style/ButtonBar" 设置按钮为按钮条风格
android:id="@+id/btn7"
android:layout_weight="1" />

requestWindowFeature(Window.FEATURE_NO_TITLE); 设置无标题
在application 标签中添加android:theme=”@android:style/Theme.NoTitleBar” 去掉所有Activity界面的标题栏
修改AndroidManifest.xml
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); 设置全屏
<resources>
<style name="tab_btn">
<item name="android:textAppearance">@style/tab_item_text_style</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:background">@drawable/trans</item>
<item name="android:layout_width">0.0dip</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:button">@null</item>
<item name="android:layout_weight">1.0</item> 自定义按钮的Style属性
</style>
</resources>

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:drawable="@drawable/input_normal" />
<item android:state_pressed="true" android:drawable="@drawable/input_normal" />
<item android:state_focused="true" android:drawable="@drawable/input_over" />
</selector> 定义组件得到焦点,点击,激活的状态

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFFFFF"
android:endColor="#000000"
android:angle="270" /> </shape> 设置Drawable渐变
setBackgroundResource(R.drawable.bg); 调用

//设置 Gallery样式在BaseAdapter的getView中

TypedArray typedArray = context.obtainStyledAttributes(R.styleable.Gallery);
imageView.setBackgroundResource(typedArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0));
return imageView;
android:spacing="10dp" //Gallery间隔
第一类:属性值为true或false

android:layout_centerHrizontal? 水平居中
android:layout_centerVertical?? 垂直居中
android:layout_centerInparent???相对于父元素完全居中
android:layout_alignParentBottom 贴紧父元素的下边缘
android:layout_alignParentLeft?? 贴紧父元素的左边缘
android:layout_alignParentRight? 贴紧父元素的右边缘
android:layout_alignParentTop??? 贴紧父元素的上边缘
android:layout_alignWithParentIfMissing? 如果对应的兄弟元素找不到的话就以父元素做参照物
第二类:属性值必须为id的引用名”
android:layout_below????? 在某元素的下方
android:layout_above????? 在某元素的的上方
android:layout_toLeftOf?? 在某元素的左边
android:layout_toRightOf? 在某元素的右边
android:layout_alignTop?? 本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft? 本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight? 本元素的右边缘和某元素的的右边缘对齐
第三类:属性值为具体的像素值,如30dip,40px
android:layout_marginBottom?????? 离某元素底边缘的距离
android:layout_marginLeft???????? 离某元素左边缘的距离
android:layout_marginRight??????? 离某元素右边缘的距离
android:layout_marginTop????????? 离某元素上边缘的距离
android:scaleType: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 用矩阵来绘制,动态缩小放大图片来显示。
** 要注意一点,Drawable文件夹里面的图片命名是不能大写的。
分享到:
评论

相关推荐

    Android布局技巧之合并布局

    下面的XML布局显示一个图片,并且有一个标题位于其上方。这个结构相当的简单;FrameLayout里放置了一个ImageView,其上放置了一个TextView: &lt;FrameLayout xmlns:android=http://schemas.android.com/apk/res/a

    CSS网站布局实录 (第二版)

    CSS网站布局实录:基于Web标准的网站设计指南(第2...),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部]

    《CSS网站布局实战》—实例源码包

    )智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整...

    CSS网站布局实录 基于Web标准的网站设计指南(第二版)-part1

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整...

    《CSS网站布局实录》源码

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整...

    精通CSS+DIV 网页样式与布局【PDF】

    细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript,Ajax,XML的综合应用,全面解析5个完整网站的CSS...

    CSS网站布局实录 (第二版)PDF版

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南...

    Android实现button居中的方法

    主要介绍了Android实现button居中的方法,涉及Android的XML布局技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Android布局技巧之include、merge与ViewStub标签的巧用

    前言 在开发中UI布局是我们都会遇到的问题,随着UI越来越多,布局的重复性、复杂度也会随之增长。 相信大家经常听到include、merge、ViewStub这样的标签,官方也提到这三种布局可用于布局的优化。...xml version=1.

    Android布局技巧之创建可重用的UI组件

    Android平台提供了大量的UI构件,你可以将这些小的视觉块(构件)搭建在一起,呈现给用户复杂且有用的画面。...在Android XML布局文件里,一般,每个标签都对应一个真实的类实例(这些类一般都是View的子类

    CSS网站布局实录 基于Web标准的网站设计指南(第二版)-part4

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整...

    CSS网站布局实录 基于Web标准的网站设计指南(第二版)-part2

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整...

    CSS网站布局实录 基于Web标准的网站设计指南(第二版)-part3

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队,顶尖Web设计师和Web应用开发人员的完整...

    Android动态布局小结

    不过,作为一个android开发人员,掌握一定的动态布局技巧,有时在工作中也是可以提高一定的代码开发效率。 在动态布局中,要想实现一个布局,一般是先创建五大布局的对象。然后对这些对象进行属性设置,之后再向...

    Android Studio使用小技巧:布局预览时填充数据

    我们都知道Android Studio用起来很棒,其中布局预览更...上述示例中只需要在xml布局文件中添加tools命名空间的text属性就ok了,此属性和正式发布的版本完全无关,是不是很酷? 用之前只需要在跟布局添加命名空间就ok了

    精通CSS DIV网页样式与布局.part1.rar

    本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧,配合经典的布局案例,帮助读者掌握CSS最核心的应用技术。 4. 高级的混合应用技术 真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合...

    精通css+div网页样式与布局

    《精通CSS+DIV网页样式与布局》从零开始,细致介绍CSS的语法规则,透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析,CSS+DIV布局的思路和方法比较,IE和Firefox浏览器对CSS支持的不同效果,扩展CSS与JavaScript...

    精通CSS DIV网页样式与布局.part2.rar

    本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧,配合经典的布局案例,帮助读者掌握CSS最核心的应用技术。 4. 高级的混合应用技术 真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合...

    精通CSS DIV网页样式与布局.part3.rar

    本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧,配合经典的布局案例,帮助读者掌握CSS最核心的应用技术。 4. 高级的混合应用技术 真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合...

Global site tag (gtag.js) - Google Analytics