實驗內容：製作乙個手機頁面，執行效果圖為：
一、準備素材。將準備好的八個圖示複製到res/drawable資料夾下。
二、案例實現。
1.抽採樣式。在編寫布局檔案時，各個控制項之間的外邊距和寬高等屬性值都是相同的的，為了**簡潔，可以將相同**抽取為樣式單獨放在乙個styles.xml
檔案中，一起進行呼叫。
styles.xml
檔案如下所示：
2.為實現程式國際化建立中文、英文兩種語言的
strings.xml
檔案，分別放在res目錄下新建的
values-zh-rcn
、values-en-rus
資料夾下。兩個strings.xml檔案如下：
values-zh-rcn資料夾下的
strings.xml
檔案：
<?xml version="1.0" encoding="utf-8"?>
設定你好，世界
!雲通訊
藍芽自定義手勢
定位系統資訊
網路語言設定
通知欄設定
values-en-rus資料夾下的
strings.xml
檔案：<?xml version="1.0" encoding="utf-8"?>
settings
hello world!
cloud
bluetooth
gesture
gpssysteminfo
internet
language
notifycation
3.建立「手機資訊頁面」程式，①首先確定其布局，總體上可以用乙個垂直排布的線性布局，而每一行又由兩個元素組成，這兒用相對布局比較方便實現，一共有四行，所以在最外層的線性布局內要建4個線性布局，並指定4個布局多要實現的樣式；②在4個線性子布局中新增相應的textview，並指定相應樣式，顯示文字，在指定位置新增相應，分別調節maginleft或maginright的值，給元件之間騰出間隙，並且通過調節
layoutt_alignparenleft或
layoutt_alignparenright將每行的元件的相對位置調節好，一左一右。實現**為：
xmlns:tools=""
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray"
android:orientation="vertical"
tools:context=".mainactivity" >
android:layout_margintop="10dp">
style="@style/tv_style"
android:layout_alignparentleft="true"
android:layout_marginleft="10dp"
android:drawabletop="@drawable/clound"
android:text="@string/_cloud" />
style="@style/tv_style"
android:layout_alignparentright="true"
android:layout_marginright="10dp"
android:drawabletop="@drawable/bluetooth"
android:text="@string/_bluetooth" />
android:layout_margintop="10dp">
style="@style/tv_style"
android:layout_alignparentleft="true"
android:layout_marginleft="10dp"
android:drawabletop="@drawable/gesture"
android:text="@string/_gesture" />
style="@style/tv_style"
android:layout_alignparentright="true"
android:layout_marginright="10dp"
android:drawabletop="@drawable/gps"
android:text="@string/_gps" />
android:layout_margintop="10dp">
style="@style/tv_style"
android:layout_alignparentleft="true"
android:layout_marginleft="10dp"
android:drawabletop="@drawable/info"
android:text="@string/_system_info" />
style="@style/tv_style"
android:layout_alignparentright="true"
android:layout_marginright="10dp"
android:drawabletop="@drawable/internet"
android:text="@string/_internet" />
android:layout_margintop="10dp">
style="@style/tv_style"
android:layout_alignparentleft="true"
android:layout_marginleft="10dp"
android:drawabletop="@drawable/language"
android:text="@string/_language" />
style="@style/tv_style"
android:layout_alignparentright="true"
android:layout_marginright="10dp"
android:drawabletop="@drawable/notifycation"
android:text="@string/_set_notifycation" />
4.最後，在
mainactivity
編寫與介面互動的**，實現介面與使用者的互動，就大功告成了。
public class mainactivity extends activity }
布局相關樣式
多欄布局 1.column count屬性 在css3中可以通過，column count屬性來進行多欄布局，這個屬性的含義是將乙個元素中的內容分成多欄進行顯示。寫法 column count 欄目數 相容性寫法 webkit column count 3 moz column count 3 需要...
CSS實現樣式布局
使用css建站時，您肯定遇到過形形色色的布局問題，最後可能被搞得焦頭爛額。本文的目的是讓您的設計過程更為容易，當您遇到困難時為您提供快速參考。1 有疑問，先驗證 在除錯時，先對您的 進行驗證往往能省去不少麻煩事。格式不正確的xhtml css 會導致許多布局上的錯誤。在其他瀏覽器中進行測試之前，請先...
ReactNative布局樣式總結
flexnumber 用於設定或檢索彈性盒模型物件的子元素如何分配空間 flexdirectionenum row row reverse column column reverse flexdirection屬性決定主軸的方向，預設是 column flexwrapenum wrap nowrap...