Android基礎之UI_01
剛剛開通自己的博客,內心有點小激動 ( ̄▽ ̄)"
廢話不多說,現在開啓我的Android—博客之旅啦~
接下來這幾篇UI基礎的內容是我參加Google Study Jams活動時自己做得筆記,很有用,搬來分享給大家
Views:
1.概念:可以是一段文字(TextView),一張圖片(ImageView),一個按鈕(ButtonView)
2.命名:書寫爲Camel Case(駱駝拼寫法)拼寫的,每個單詞首字母大寫
XML:(可拓展標記語言)定義程序語言
1.格式: <TextView //元素名字
andorid:text="Hello birthday "
andorid:background="@android:color/darker_gray"
andorid:layout_width="150dp"
andorid:layout_height="75dp"/>
//andorid:text屬性名 顯示爲藍色 "Hello birthday "屬性值 顯示爲紅色
2.注意事項:結束標籤不能省略,也可以使用單獨的打開關閉標籤(<...>),結尾爲</TextView>;
3.IDE:集成開發環境,Android Studio作爲開發Android開發工具
錯誤編寫時會有紅色波浪線提示 可以在Commn Android View中進行比對
TextView:
1.dp:(1).密度無關像素
(2).描述Android上view的尺寸與距離
(3).建議在設計APP時可接觸目標至少爲48dp
wrap_content這個值可以讓寬度和高度適應文字
2.sp:放大像素,主要用於字體顯示,可以根據用戶設置決定文字的大小
合適的三個字體(大中小) android:textAppearance="?android:textAppearanceLarge Large/Medium/Small
ImageView:
1.<ImageView andorid:src="@drawable/cake" //@符號引用說明圖片來源,drawable說明資源類型,圖片名爲cake不需要加後綴名
2.<ImageView andorid:scaleType="centerCrop" //可以居中並縮放顯示圖片 "center"僅居中顯示
3.全出血圖片:無白邊全顯
Material Design手冊中有許多使用東西,比如修改圖片背景顏色,文字顏色(顏色爲對應的十六進制)等等
善於使用Android文檔 其中有大量的代碼示例,指南和文章
感悟:注重APP界面的排版
在不斷的調試錯誤代碼後,能力纔會不斷提高,經驗更加豐富
以上就是第一節的內容啦 想要視頻(Goole官方推出的)就私信我留下郵箱,有問題下方評論,歡迎交流~
廢話不多說,現在開啓我的Android—博客之旅啦~
接下來這幾篇UI基礎的內容是我參加Google Study Jams活動時自己做得筆記,很有用,搬來分享給大家
Views:
1.概念:可以是一段文字(TextView),一張圖片(ImageView),一個按鈕(ButtonView)
2.命名:書寫爲Camel Case(駱駝拼寫法)拼寫的,每個單詞首字母大寫
XML:(可拓展標記語言)定義程序語言
1.格式: <TextView //元素名字
andorid:text="Hello birthday "
andorid:background="@android:color/darker_gray"
andorid:layout_width="150dp"
andorid:layout_height="75dp"/>
//andorid:text屬性名 顯示爲藍色 "Hello birthday "屬性值 顯示爲紅色
2.注意事項:結束標籤不能省略,也可以使用單獨的打開關閉標籤(<...>),結尾爲</TextView>;
3.IDE:集成開發環境,Android Studio作爲開發Android開發工具
錯誤編寫時會有紅色波浪線提示 可以在Commn Android View中進行比對
TextView:
1.dp:(1).密度無關像素
(2).描述Android上view的尺寸與距離
(3).建議在設計APP時可接觸目標至少爲48dp
wrap_content這個值可以讓寬度和高度適應文字
2.sp:放大像素,主要用於字體顯示,可以根據用戶設置決定文字的大小
合適的三個字體(大中小) android:textAppearance="?android:textAppearanceLarge Large/Medium/Small
ImageView:
1.<ImageView andorid:src="@drawable/cake" //@符號引用說明圖片來源,drawable說明資源類型,圖片名爲cake不需要加後綴名
2.<ImageView andorid:scaleType="centerCrop" //可以居中並縮放顯示圖片 "center"僅居中顯示
3.全出血圖片:無白邊全顯
Material Design手冊中有許多使用東西,比如修改圖片背景顏色,文字顏色(顏色爲對應的十六進制)等等
善於使用Android文檔 其中有大量的代碼示例,指南和文章
感悟:注重APP界面的排版
在不斷的調試錯誤代碼後,能力纔會不斷提高,經驗更加豐富
以上就是第一節的內容啦 想要視頻(Goole官方推出的)就私信我留下郵箱,有問題下方評論,歡迎交流~
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.