用Android Studio建立一個名為“手機資訊頁面”的程式，該程式用於展示手機設定頁面的資訊。

1.執行效果圖

2.  設計思路（實現原理）

1）將準備好的八個圖示複製到res/drawable資料夾下

2）建立一個垂直的線性佈局，並在線性佈局中建立4個相對佈局  

3）在相對佈局中新增相應的TextView

4）在values檔案下的style.xml檔案中存放抽取出來的樣式

5）建立values-zh-rCN、values-en-rUS資料夾，並在資料夾中建立strings.xml檔案

3.案例實現

1）建立手機資訊頁面程式

在res/layout資料夾下的activity_main.xml為程式介面對應佈局檔案，其中的程式碼如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray"
android:orientation="vertical"
 
tools:context="bzu.edu.cn.phoneinfo.MainActivity">

   <RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
       <TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/clound"
android:text=
 
"@string/_cloud"/>
       <TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/bluetooth"
android:text="@string/_bluetooth"/>
    </RelativeLayout>
    <RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
    <TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/gesture"
android:text="@string/_gesture" />
        <TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/gps"
android:text="@string/_gps" />
    </RelativeLayout>
    <RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
        <TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/info"
android:text="@string/_system_info" />
        <TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/internet"
android:text="@string/_internet" />
    </RelativeLayout>
    <RelativeLayout style="@style/h_wrap_content"
android:layout_marginTop="10dp">
        <TextView
style="@style/tv_style"
android:layout_alignParentLeft="true"
android:layout_marginLeft="10dp"
android:drawableTop="@drawable/language"
android:text="@string/_language" />
        <TextView
style="@style/tv_style"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:drawableTop="@drawable/notifycation"
android:text="@string/_set_notifycation" />
    </RelativeLayout>
</LinearLayout>

由於編寫佈局檔案時，相同控制元件之間的外邊距和寬高都是固定的。因此會產生大量重複的佈局

程式碼，為了程式碼簡潔和重複使用可以將相同程式碼抽取為樣式單獨放在一個style.xml檔案中。

在res/values資料夾下建立style.xml檔案，style.xml檔案中程式碼如下所示：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppBaseTheme" parent="android:Theme.Light"></style>
    <!-- 寬 match——parent 高  wrap_content-->
<style name="h_wrap_content">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
    </style>
    <!-- 寬高都 match——parent -->
<style name="tv_style">
        <item name="android:layout_width">160dp</item>
        <item name="android:layout_height">115dp</item>
        <item name="android:gravity">center</item>
        <item name="android:paddingTop">8dp</item>
        <item name="android:paddingBottom">8dp</item>
        <item name="android:drawablePadding">5dp</item>
        <item name="android:background">@android:color/white</item>
    </style>
</resources>

在res目錄下建立values-zh-rCN、values-en-rUS資料夾，並在這兩個資料夾下建立相應

的strings.xml檔案。

values-zh-rCN資料夾下的strings.xml檔案如下所示：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">手機資訊頁面</string>
    <string name="menu_settings">設定</string>
    <string name="hello_world">你好，世界!</string>
    <string name="_cloud">雲通訊</string>
    <string name="_bluetooth">藍芽</string>
    <string name="_gesture">自定義手勢</string>
    <string name="_gps">定位</string>
    <string name="_system_info">系統資訊</string>
    <string name="_internet">網路</string>
    <string name="_language">語言設定</string>
    <string name="_set_notifycation">通知欄設定</string>
</resources>

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">phoneInfo</string>
    <string name="menu_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
    <string name="_cloud">Cloud</string>
    <string name="_bluetooth">Bluetooth</string>
    <string name="_gesture">Gesture</string>
    <string name="_gps">Gps</string>
    <string name="_system_info">SystemInfo</string>
    <string name="_internet">Internet</string>
    <string name="_language">Language</string>
    <string name="_set_notifycation">Notifycation</string>
</resources>

需要在MainActivity中編寫與使用者互動的邏輯程式碼，MainActivity對應的程式碼如下所示：

public class MainActivity extends AppCompatActivity {

    @Override
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

以上便是手機資訊頁面的全部程式碼，執行在模擬器上上面的字預設會顯示英文，要想顯示

中文需要設定一下：

首先找到模擬器的設定Settings點選進入

設定好之後執行模擬器頁面上面的字就會顯示為中文