美文网首页GoogleStudyJams程序员
SJ46 初探XML,属性与值

SJ46 初探XML,属性与值

作者: Clixin | 来源:发表于2016-04-14 13:40 被阅读43次

    VIEWS


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

    • TextView文字
    • ImageView图片
    • Button按钮

    命名法 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

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

    相关文章

      网友评论

        本文标题:SJ46 初探XML,属性与值

        本文链接:https://www.haomeiwen.com/subject/slpglttx.html