Android 學(xué)習(xí)筆記（一）

開發(fā)環(huán)境：WIN10、Android Studio 4.0.1
學(xué)習(xí)內(nèi)容：ConstraintLayout 布局一

創(chuàng)建新項(xiàng)目

  1. File->New->New Project->選擇Empty Activity->Next
    image.png
    >選擇Empty Activity
    項(xiàng)目相關(guān)配置
    項(xiàng)目目錄結(jié)構(gòu)

TextView布局

  1. 點(diǎn)擊activity_main.xml，在可視化窗口中的控件庫(kù)中拖動(dòng)一個(gè)TextView控件
    image.png

  • 上下左右居中，只需要添加上下左右約束即可
    image.png

  • 也可以選中控件，然后在右側(cè)的Layout進(jìn)行編輯，這樣就不需要拉線
    image.png
    image.png

  • 魔法棒直接快速添加約束，把控件放到屏幕想要固定的位置，然后點(diǎn)擊魔法棒就可以自動(dòng)添加相關(guān)約束（復(fù)雜布局用得少）
    image.png

模擬登錄界面入門布局

  1. 把ICON圖片拖動(dòng)到res->drawable目錄下
    image.png
    image.png

  2. 添加ImageView并選擇需要顯示的圖片
    添加控件
    選中需要顯示的圖片，點(diǎn)擊OK

  3. 添加對(duì)應(yīng)的控件，此處可以在相信的控件庫(kù)中尋找拖動(dòng)，忽略部分操作，直接點(diǎn)擊魔法棒進(jìn)行快速布局
    拖動(dòng)控件簡(jiǎn)單布局
  4. 處理布局警告

  • 處理文字
    image.png

    image.png

    文字添加流程：
    點(diǎn)擊`Open editor`
    點(diǎn)擊`+`號(hào)
    填入key 和 Value
    就能看到添加的內(nèi)容
    根據(jù)步驟選擇對(duì)應(yīng)需要顯示的文本
    image.png

  • 處理Button（使用簡(jiǎn)便方式添加文本信息）
    根據(jù)步驟操作
    依次填入key和value
    選中點(diǎn)擊OK即可
    警告去除
  • 處理PlainText警告，此處如果類似以上方法添加了文本信息（此處需要修改hint屬性），仍然會(huì)出現(xiàn)警告，此時(shí)可以點(diǎn)擊感嘆號(hào)
    image.png
此處有更多的布局布局，需要自行研究
此處有更多的布局布局，需要自行研究

此文章僅用于入門學(xué)習(xí)布局，并未考慮更多兼容性問題

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容