androidpalette用法

『壹』 android studio 做ui界面都是用手工敲代碼嗎

基本都是手工敲代碼，這是沒辦法的辦法，androidstudio的拖拽控制項做的太爛，會把整個代碼層搞亂，以後如果要修改根本捋不明白，而且許多控制項屬性還是在代碼通過提示好找。不知道你使的是哪個版，顏色是在textcolor左側能選，但顏色主要是美工提供。

『貳』 如何實現android沉浸式狀態欄

有些手機是強制改變通知欄顏色的，比如魅族，蘋果。但是目前主要還是通過代碼作出自己想要的效果。

Android 4.4之前，即使我們打開手機app，我們還總是能看到系統頂部那條黑乎乎的通知欄，這樣會使得app稍顯突兀。於是Android 4.4開始，便引入了Translucent System Bar的新特性，用於彌補系統通知欄突兀之處。

狀態欄透明後，你可以選擇設置其顏色或者顯示背景圖片。效果如下

<?xmlversion="1.0"encoding="utf-8"?><resources>
<!--red-->
<colorname="md_red_50_color_code">#fde0dc</color>
<colorname="md_red_100_color_code">#f9bdbb</color>
<colorname="md_red_200_color_code">#f69988</color>
<colorname="md_red_300_color_code">#f36c60</color>
<colorname="md_red_400_color_code">#e84e40</color>
<colorname="md_red_500_color_code">#e51c23</color>
<colorname="md_red_600_color_code">#dd191d</color>
<colorname="md_red_700_color_code">#d01716</color>
<colorname="md_red_800_color_code">#c41411</color>
<colorname="md_red_900_color_code">#b0120a</color>
<colorname="md_red_a100_color_code">#ff7997</color>
<colorname="md_red_a200_color_code">#ff5177</color>
<colorname="md_red_a400_color_code">#ff2d6f</color>
<colorname="md_red_a700_color_code">#e00032</color>

<!--pink-->
<colorname="md_pink_50_color_code">#fce4ec</color>
<colorname="md_pink_100_color_code">#f8bbd0</color>
<colorname="md_pink_200_color_code">#f48fb1</color>
<colorname="md_pink_300_color_code">#f06292</color>
<colorname="md_pink_400_color_code">#ec407a</color>
<colorname="md_pink_500_color_code">#e91e63</color>
<colorname="md_pink_600_color_code">#d81b60</color>
<colorname="md_pink_700_color_code">#c2185b</color>
<colorname="md_pink_800_color_code">#ad1457</color>
<colorname="md_pink_900_color_code">#880e4f</color>
<colorname="md_pink_a100_color_code">#ff80ab</color>
<colorname="md_pink_a200_color_code">#ff4081</color>
<colorname="md_pink_a400_color_code">#f50057</color>
<colorname="md_pink_a700_color_code">#c51162</color>

<!--deep_purple-->
<colorname="md_deep_purple_50_color_code">#ede7f6</color>
<colorname="md_deep_purple_100_color_code">#d1c4e9</color>
<colorname="md_deep_purple_200_color_code">#b39ddb</color>
<colorname="md_deep_purple_300_color_code">#9575cd</color>
<colorname="md_deep_purple_400_color_code">#7e57c2</color>
<colorname="md_deep_purple_500_color_code">#673ab7</color>
<colorname="md_deep_purple_600_color_code">#5e35b1</color>
<colorname="md_deep_purple_700_color_code">#512da8</color>
<colorname="md_deep_purple_800_color_code">#4527a0</color>
<colorname="md_deep_purple_900_color_code">#311b92</color>
<colorname="md_deep_purple_a100_color_code">#b388ff</color>
<colorname="md_deep_purple_a200_color_code">#7c4dff</color>
<colorname="md_deep_purple_a400_color_code">#651fff</color>
<colorname="md_deep_purple_a700_color_code">#6200ea</color>

<!--yellow-->
<colorname="md_yellow_50_color_code">#fffde7</color>
<colorname="md_yellow_100_color_code">#fff9c4</color>
<colorname="md_yellow_200_color_code">#fff59d</color>
<colorname="md_yellow_300_color_code">#fff176</color>
<colorname="md_yellow_400_color_code">#ffee58</color>
<colorname="md_yellow_500_color_code">#ffeb3b</color>
<colorname="md_yellow_600_color_code">#fdd835</color>
<colorname="md_yellow_700_color_code">#fbc02d</color>
<colorname="md_yellow_800_color_code">#f9a825</color>
<colorname="md_yellow_900_color_code">#f57f17</color>
<colorname="md_yellow_a100_color_code">#ffff8d</color>
<colorname="md_yellow_a200_color_code">#ffff00</color>
<colorname="md_yellow_a400_color_code">#ffea00</color>
<colorname="md_yellow_a700_color_code">#ffd600</color>

<!--orange-->
<colorname="md_orange_50_color_code">#fff3e0</color>
<colorname="md_orange_100_color_code">#ffe0b2</color>
<colorname="md_orange_200_color_code">#ffcc80</color>
<colorname="md_orange_300_color_code">#ffb74d</color>
<colorname="md_orange_400_color_code">#ffa726</color>
<colorname="md_orange_500_color_code">#ff9800</color>
<colorname="md_orange_600_color_code">#fb8c00</color>
<colorname="md_orange_700_color_code">#f57c00</color>
<colorname="md_orange_800_color_code">#ef6c00</color>
<colorname="md_orange_900_color_code">#e65100</color>
<colorname="md_orange_a100_color_code">#ffd180</color>
<colorname="md_orange_a200_color_code">#ffab40</color>
<colorname="md_orange_a400_color_code">#ff9100</color>
<colorname="md_orange_a700_color_code">#ff6d00</color>

<!--...............................-->
<!--grey-->
<colorname="md_grey_50_color_code">#fafafa</color>
<colorname="md_grey_100_color_code">#f5f5f5</color>
<colorname="md_grey_200_color_code">#eeeeee</color>
<colorname="md_grey_300_color_code">#e0e0e0</color>
<colorname="md_grey_400_color_code">#bdbdbd</color>
<colorname="md_grey_500_color_code">#9e9e9e</color>
<colorname="md_grey_600_color_code">#757575</color>
<colorname="md_grey_700_color_code">#616161</color>
<colorname="md_grey_800_color_code">#424242</color>
<colorname="md_grey_900_color_code">#212121</color>
<colorname="md_black_color_code">#000000</color>
<colorname="md_white_color_code">#ffffff</color>


<!--blue_grey-->
<colorname="md_blue_grey_50_color_code">#eceff1</color>
<colorname="md_blue_grey_100_color_code">#cfd8dc</color>
<colorname="md_blue_grey_200_color_code">#b0bec5</color>
<colorname="md_blue_grey_300_color_code">#90a4ae</color>
<colorname="md_blue_grey_400_color_code">#78909c</color>
<colorname="md_blue_grey_500_color_code">#607d8b</color>
<colorname="md_blue_grey_600_color_code">#546e7a</color>
<colorname="md_blue_grey_700_color_code">#455a64</color>
<colorname="md_blue_grey_800_color_code">#37474f</color>
<colorname="md_blue_grey_900_color_code">#263238</color>
<resources>

『叄』 App登錄界面----布局篇

       我自學了3個月的Android基礎，居然一個App都做不出來。在我之前學的同時居然忘記了之前學的內容。所以我現在重新開始復習，這篇文章將是我復習的開始也是基礎的穩固，同時也是將來記不得了可以自我回顧的筆記。首先是從App登錄開始。

       首先第一是布局，登錄界面布局那就要用到控制項，登錄界面所需控制項如下：

1.姓名     輸入框   密碼 輸入框：就要有Textview文本控制項 X 2， Editview輸入文本框控制項 X 2

2.立即注冊  忘記密碼 登錄 ：就要有Button控制項 X 3

既然要布局就要有布局控制項：可以用RelativeLayout相對布局，LinearLayout線性布局，TableLayout表格布局，FrameLayout幀布局，AbsoluteLayout絕對布局。我要選用就就是前兩個布局：RelativeLayout相對布局或者LinearLayout線性布局。

這就是我最終預想所要達到的效果：

首先打開布局文件：展開app--->res--->layout--->activity_main.xml

切換到設計模式Design:

然後從調色板Palette就是控制項庫拖拽出所需控制項:

2個Textview,2個Editview ,3個Button.一開始布局控制項就是相對布局控制項，RelativeLayout相對布局控制項允許通過指定顯示對象相對於父容器或其他兄弟控制項的相對位置結合margin，padding來進行布局。

然後我們再切換迴文本模式Text:

<TextView

android:text="TextView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>這就組成了一個控制項。

再來解釋解釋RelativeLayout相對布局控制項是啥意思：

上圖所表現的意思就是RelativeLayout相對布局控制項的特點：TextView文本控制項基於父容器（RelativeLayout相對布局控制項）之下，再看圖：

它會自動添加默認屬性：android:text="文本控制項"//這是文本屬性可以輸入文字

android:textSize="50dp"//這是文本大小屬性是控制text屬性的大小

android:layout_width="wrap_content"//這是寬，選擇的自適應屏幕

android:layout_height="wrap_content"這是高。

android:layout_marginTop="253dp"// 重點就在這里了：在RelativeLayout相對布局下拖出的控制項會有這條屬性，意思是TextView相距父容器253dp的距離

android:id="@+id/textView"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"

好了我們繼續：我寫的這個布局呢？只用了兩個EditView控制項和三個Button控制項。先說EditView控制項。

拖拽出來改好了各種屬性但是和我的不一樣，哪裡不一樣？有邊框，邊框還是圓角。怎麼弄的？這是改變了它的樣式。首先目錄找到drawable文件按下Alt+lns鍵，點擊Drawable resource file

那就會彈出下面這個框框好創建資源文件，File name:這是資源文件的名字，Root element:這是需要創建什麼類型的資源文件。

假如沒有出現這個對話框而是另外的對話框就請更換模式

將Android 目錄模式切換成Project目錄模式

找到drawable文件重復上面操作就會出現

名字就自己取吧，類型選擇shape文件

這就是我為EditView設置的資源文件，那麼怎麼載入它呢？

用背景background屬性來載入：@drawable/border用@選擇文件位置載入就成功了。

文本框就做好了。噢！！！等等還有個屬性android:hint="登錄"還沒介紹，這是提示語：比如請輸入用戶名，請輸入密碼，這樣的提示語，只起到提示作用。範例：android:hint="請輸入用戶名"

好吧依次類推，Button按鈕也是這樣。我們先來看忘記密碼，立即注冊兩控制項這兩我沒這樣載入資源文件，我只用了3條屬性，

android:background="@null"//這條意思是背景設置路徑為空，作用是消除邊框。

android:shadowColor="#338AFF"//改變按鈕背景顏色，讓它看起來和相對布局背景融為一體。

android:textColor="#0066CC"//改變文字顏色

怎麼樣是不是和QQ登錄界面的差不多

那再來看立即登錄按鈕，這個按鈕我用了三個資源文件，為了讓按鈕按下抬起有一個變色效果，能夠反饋用戶視覺：您已按下按鈕。

首先看按下的資源文件：

這是按下的模樣，radius是設置圓角，然後是按下後的顏色。

再來看抬起：

這是抬起時候的樣子，圓角按下抬起都要設置一樣，不然按下是一個樣，抬起又是另一個樣子，然後是抬起的顏色。

這是兩個資源文件，如何讓按鈕呈現出按下抬起的不同效果呢？

就需要另一個資源文件來操控：selector資源文件

由他來控制這兩個資源文件：

<item/>這是資源文件的標簽，包括shape資源文件的：<corners/><solid/>都是標簽

標簽<item/>裡面

android:drawable="@drawable/clickroundedcolor"//是載入按下資源文件，

android:state_pressed="true"//true就是對，就是一個判斷作用，判斷是否按下，按下就載入按下的資源文件

然後再一個子標簽<item/>

<item android:drawable="@drawable/roundedcolor"/>也就是說當上面pressed不為true的時候執行下面這個標簽載入抬起狀態的效果。

這就做成了按下深藍抬起淺藍的顏色效果。那今天就到這里，復習到了什麼Editview Button控制項的使用然後在原來的基礎上學到了EditView 和Button控制項的UI設計一些細節效果。

還熟悉了Android studio。之前用Eclipse學習的Android,現在改用AS還特別不習慣，希望復習後我會熟練Android studio。恩，還有看到忘記密碼，立即注冊兩個按鈕是不是還會聯想到還有兩個布局。沒錯，忘記密碼和立即注冊這兩個布局文件，就不用記錄了，相信會了登錄主界面布局，其他兩個不在話下。