Android UI

实验要求效果图如下：

1、新建项目

2、在主函数antivity_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=".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>

3、设置标签的样式

引用图片

设置标签的大小风格

通过新建style.xml文件规定标签大小

4、在res的目录下创建两个文件并命名为

values-zh-rCN、values-en-rUS

分别在两个文件夹中创建strings并设置标签中的文字实现国际化

<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>

<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>

5、运行获得结果