Android布局样式及基本组件

任务要求

1、在login.xml做出如下图片的效果

2、在layout文件夹下创建login.xml的页面

LinearLayout布局处理

3、选择LinearLayout布局，把其拖到login.xml中去

点击上图中login.xml,其生成内容如下

背景（平铺）处理

4、从第一节解压的包中找到背景图片，

5、把该图片放到drawable-hdpi中来

6、在login.xml中引用该背景图片

7、创建对应的activity

8、在androidManifest.xml中进行配置，加入新创建的loginActivity,同时把该activity设为启

动的第一个activity:

9、出现这样的效果

这里我们需要的是平铺，但是这里拉伸，把图片换成其它图片，如下图所示：

如果需要平铺怎么办？

10、采用bitmap进行，new android xml

11、创建xml

12、编辑repeat_bg.xml

13、修改login.xml,指向repeat_bg.xml中的图片：

14、运行出现下图结果，接下来把repeat_bg.xml中引用的图片修改为login_bg

TextView和EditView、Button

15、每行可以采用LinearLayout容器，了解layout的属性：

16、TextView相关的属性

17、EditView

18、Button

19、运行

调整样式

20、调整登陆及密码的宽度

定义字体的颜色

定义颜色

接下来以这种方式定义如下表中的颜色

修改Login.xml

运行

调整间距居中

结果

Padding

这样不行，需要通过边距等来调整

运行，可以看出padding没有改变当前的大小，只是把其中的内容进行缩进

Marging

运行结果

接下来调整相关样式：

结果

Width、height,gravity 设定背景

设定宽高

调整对齐方式

去掉默认背景

圆倒角

按下图创建login_rounded.xml，之后在login.xml中引用该背景

状态选择

上一步中选中时不会像原来的那样改变样式。需要采用stateListDrawable 编写login_selected.xml

修改

选择输入框，其并不会高量显示

RelativeLayout

relativeLayout中以某个对象为中心之后再来进行定位

得到焦点，边框变红。说明能高亮显示，但是账号在的位置不对

文字右移，只能采用padding，不能采用margin

移动账号，可以采用margin也可以采用padding

接下来调整密码，换一下颜色

统一样式

上一步中账号和密码的样式设定相似很大，能不能只写一次？

先创建样式

这样就简单很多：

进一步优化

Title

为loginActivity设定theme

编写样式，调整高度

变背景色，从掉默认的title样式，但是其定义的样式没有启作用

加上windowBackground的设定，这时启效，但看到的样式是其windowBackground设定的

接下来如何自定义title的内容

先编写title内容的xml，在layout下创建如下文件：

在loginActivity中指定腰身自定义title

设定窗口的边框

自定义title有时候完于控制，可以把title给隐藏，之后通过内容页来模模拟title

include

对于include中，我们同样可以通过代码去操作：

取值

在loginActivity中加上如下代码：

在页面输入值，通过调试就可以看到：