美文网首页
2017Google Study Jams系列之课程1A-打造布

2017Google Study Jams系列之课程1A-打造布

作者: 娄叔啊喂 | 来源:发表于2017-03-12 19:30 被阅读63次

@极简主义患者/社交控/伪技术宅/沉迷幻想不能自拔的文艺少年
不定期更新的文字平台:微博 简书

Written in Front:

在课程概览中,Katherine和Kunal用咖啡豆做了形象的类比,将整个课程细化为一个个小模块,便于零基础入门,我做的笔记也是依照他们的思维进行.

Views(视图)

视图是屏幕上显示特定内容的矩形区域,内容可以是图像/文字/按钮/其他
多个视图构成的屏幕画面+与应用交互的窗口=UI(user interface,用户界面)

  • 选择你要用的视图

    TextView(显示文字的视图)/ImageView(显示图片的视图)/Button(显示按钮的视图)/Others

    划重点:

    • 视图具有矩形边界
    • 视图名称书写使用驼峰法(Camel Case),即两个单词之间没有空格,每个单词首字母都大写

  • 来一发语言吧:XML

    我们构建布局需要一个写代码的环境—IDE(Integrated Development Environment,集成开发环境)—Android Studio和一个编程语言—XML(Extensible Markup Language,可扩展标记语言)

    例子:

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

    XML语法(Syntax):

    <视图名称
        属性1
        属性2
        ... /> //自结束标签
    
    <视图名称
        属性1
        属性2
        ...>
    </视图名称> //独立结束标签
    
    属性(Attributes)是安卓手机中决定行为或者视图效果的特性
    属性的表示方法:属性名称="属性值"
    如 android:layout_width="150dp"
    
    以下为我总结的XML语法中不可忽视的几个小细节:
    
    • 视频中记忆语法的方法:Ding-Hushi-Piu(xn)-Ge-Bomb
    • 设定视图宽度和高度时使用dp作为单位
    • 设定自动化宽高dp值:wrap_content
    • 设定字体大小(textSize)时使用sp作为单位;也可用androidtextAppearance属性代替textSize,这是一个容器(buckets)的应用
    • 与颜色有关的属性可以使用Color的十六进制代码,这非常有用
    • ImageView的属性中有android:scaleType="centerCrop"来实现图片的裁剪和在视图中的位置
    • 最最最重要要学会随时

    Google一下 || Baidu一下


  • 产生了错误该怎么办?

    1. 阅读错误信息(Read the error message)
    2. 使用工作代码示例(Compare to working code)
    3. 使用撤销(Use undo)
    4. 寻求帮助(Ask for help)

相关文章

网友评论

      本文标题:2017Google Study Jams系列之课程1A-打造布

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