GoogleStudyJams程序员

SJ46 初探XML,属性与值

2016-04-14  本文已影响43人  Clixin

VIEWS


在屏幕上展示内容的视图
所有VIEW组合起来的叫布局(layout)
所有布局组合成用户界面(UI)

命名法 Camel Case (驼峰命名法)

XML


标签

<TextView
    ……
    …… /> 自闭标签

</TextView> 打开标签
    ……
</TextView> 关闭标签

如果没有子标签,则用自闭标签

如果有子标签,则用打开标签 + 关闭标签,如

<LinearLayout>
    <TextView 
        …… />
</LinearLayout>

<TextView
    android:text="Happy Birethday!"
    android:background="@android:color/darker_gray"
    android:layout_width="150dp"
    android:layout_height="75dp"/>

属性名 = "属性值"

dp(密度无关像素)

用于描述view的尺寸,在物理尺寸上相同,但是会被映射到不同数量的像素

可接触目标(如按钮)长和宽至少是48dp

Debug

  1. 查阅错误信息
  1. 用正常运行的样例代码对照,找出问题
    (对照Common Android Views Cheat Sheet
  1. 使用撤销

  2. 寻求帮助

view 宽高

android:layout_width="wrap_content"
android:layout_width="wrap_content"

随内容变化宽高

sp (与dp一样,比例无关像素)

用于描述字体大小
字体设置规范参考 Google Material Design

不知道该用什么sp的时候,可以使用默认的 small ,medium , large

android:textAppearance="?android:textAppearanceSmall"
android:textAppearance="?android:textAppearanceMedium"
android:textAppearance="?android:textAppearanceLarge"

color

可用android库里的颜色,但是不齐全,
推荐使用十六进制的颜色,具体参考 Google Material Design

android:background="#2196F3"//蓝色

ImageView

<ImageView
    android:src="@drawable/cake"
    android:layout_width="wrap_content"
    android:layout_width="wrap_content"
    android:scaleType="center"/>

@ 表示在Android app里面引用资源,不需要申明引用的文件类型(png. jpeg)

scaleType 表示图片在ImageView里是要放大或者缩小

遇到问题

单词容易输错,找错误的时候找了半天,所以还是得小心小心,死记硬背

总结

查询Android 官方文档,可以找到TextView的新属性

样式只用三、四种贯穿始终,统一大小,颜色参考Google Material Design

希望一直这样热情下去,大家一起学习,加油

上一篇下一篇

猜你喜欢

热点阅读