Android項目開發(fā)之UI設計器
開發(fā)人員可以用以下兩種方式聲明UI:一是通過.xml文件(不帶預覽界面)或者.axml文件(帶預覽界面)來描述;二是用C#代碼實現(xiàn)。
用.axml文件描述用戶界面(UI)時,設計器分為【設計】視圖和【源】視圖。這種方式的優(yōu)點是:可以盡可能地把表現(xiàn)與控制行為的代碼分隔開。就是說,可以直接修改XML而不需要重新編譯。另外,還可以讓UI結構可視化以及調(diào)試都變得更容易。
1、布局文件(.xml和.axml)
在XML中聲明UI之后,必須將其以.xml擴展名或者.axml擴展名保存在Android項目的Resources/Layout/目錄下,然后才能順利通過編譯。
•.xml文件:不帶設計界面
•.axml文件:帶設計界面
•可以隨時將.xml換名為.axml,也可以隨時將.axml換名為.xml。
編譯器編譯應用程序時,會將每個XML文件或者AXML文件都編譯成一個View。開發(fā)人員需要在Activity重載的OnCreate方法中指定載入哪個XML資源。
例如,下面的代碼加載Main.axml文件:
protected override void OnCreate(Bundle bundle) { base.OnCreate(bundle); SetContentView(Resource.Layout.Main); }
2、屬性分類
在【屬性】窗口中,下列分類可幫助快速找到對應的屬性:
•Widget – 控件(帶設計界面的組件),主要屬性包括:id、visibility、text等
•Style – 可視化的樣式控制,例如:font、text color、background等
•Layout – 布局控制
•Scroll – 滾動屬性
•Behavior – 行為控制
3、屬性默認值
由于控件的值多數(shù)是繼承自所使用的主題(Android Theme),所以默認情況下這些值大部分都是空白。即:默認不顯示繼承過來的值,僅顯示開發(fā)人員明確指定的值。
4、常用屬性
下面列出一些最常用的屬性。
(1)ID
活動(Activity)中的每個View對象都用一個整數(shù)類型的ID來標識,但是這個ID在XML文件中通常用字符串來表示。例如:
<Button android:id="@+id/mybutton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/my_button_text"/>
字符串開頭的【@】表明XML解析器應該解析和擴展ID字符串的剩余部分,并且把它標識為一個ID資源?!?】意味著這是一個新資源名稱。
注意,引用在Resource中已經(jīng)定義的資源ID的時候不要使用“+”,而是用“android”命名空間來限定它。例如,下面的代碼引用empty.jpg文件:
android:id="@android:id/empty"
(2)wrap_content、fill_parent、match_parent
wrap_content:將元素大小調(diào)整到其自身內(nèi)容所要求的尺寸。
fill_parent:將元素大小調(diào)整到其父元素所能允許的最大尺寸?!竟ぞ呦洹恐小癓ayout” 選項卡下的布局控件默認使用它。
match_parent:將元素大小調(diào)整到其父元素所能允許的最大尺寸。match_parent的作用和fill_parent的作用相同,【工具箱】中“Form Widgets”選項卡下的非布局控件(例如TextView、Button等)默認使用它。
(3)dp
一般不推薦使用絕對度量單位指定height和width,而是應該使用與密度無關像素單位(dp)。另外,應盡量使用wrap_content,fill_parent等相對量度屬性,這樣做的好處是能讓應用程序自適應不同尺寸大小的設備屏幕。
(4)Left、Top、Right、Bottom
View的幾何形狀默認是一個矩形,每個View都用Left、Top、Width、Height來確定其位置。
Left、Top返回的是相對于其父View的定位值。另外,View還給出了簡便的方法來避免不必要的計算,例如Right、Bottom,這兩個屬性返回的是View的右邊緣和下邊緣的坐標。其中,Right相當于Left + Width,Bottom相當于Top+Height。
(5)Size、width、height
一個View的Size有兩對(寬、高)值來構造:
measured width、measured height:定義了一個view在它的parent中顯示為多大。實際的尺寸可通過調(diào)用 getMeasuredWidth()和 getMeasuredHeight()來得到;
width、height:這是在繪制時以及布局之后定義View在屏幕上的實際尺寸,這些值可能與measured height 和measured width不同,也可能相同。
為了測量元素的尺寸,View把它的padding計算在內(nèi)。Padding包括View的上下左右四個部分。Padding可以用特定的像素數(shù)來抵消view的內(nèi)容部分。舉例來說,值為2的left padding將會把view的內(nèi)容從左邊緣向右推2個度量單位。
盡管View可以定義padding,但是它沒有提供margin,而是在ViewGgroup中提供該屬性。
(6)Margin
選中某個控件后,可拖動下圖紅色框內(nèi)的控制點調(diào)整該控件的外邊距(Margin):
雙擊對應的控制點,還可以直接輸入或修改具體值,例如“39.3dp”,如下圖所示:
在上圖中,可看出還有幾個小矩形按鈕,拖動它可修改下面的屬性:
•wrap_content:讓控件匹配其自身內(nèi)容的大小。
•match_parent:讓控件填滿其父容器的可用空間。
但是,并不是所有控件都能通過雙擊的辦法修改其屬性值,例如LinearLayout即使選中它也不會顯示控制點,當然也不能在界面中用雙擊的辦法修改它的屬性值。
5、大綱視圖(Outline View)
利用大綱視圖可快速選擇設計器中不易被選中的控件:
在大綱視圖中,和在設計器中一樣,也可以拖放、復制、粘貼,以及右鍵彈出快捷菜單。
當設計器中有些控件不易選擇時,也可以利用鼠標右鍵彈出快捷菜單來操作:
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。