Android UI

来源：互联网发布：上海软件测试工资水平编辑：程序博客网时间：2024/05/14 02:55

1.运行效果图

2.案例实现

1.)将准备好的图片添加到res/drawable文件夹下

2）创建一个垂直的LinearLayout布局，并在LinearLayout中创建4个RelativeLayout

中添加相应的TextView

实现代码：

<?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="15dp"            android:drawableTop="@drawable/clound"            android:text="@string/_cloud" />        <TextView            style="@style/tv_style"            android:layout_alignParentRight="true"            android:layout_marginRight="15dp"            android:drawableTop="@drawable/bluetooth"            android:text="@string/_bluetooth"            android:id="@+id/textView" />    </RelativeLayout>    <RelativeLayout style="@style/h_wrap_content"        android:layout_marginTop="10dp">        <TextView            style="@style/tv_style"            android:layout_alignParentLeft="true"            android:layout_marginLeft="15dp"            android:drawableTop="@drawable/gesture"            android:text="@string/_gesture" />        <TextView            style="@style/tv_style"            android:layout_alignParentRight="true"            android:layout_marginRight="15dp"            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="15dp"            android:drawableTop="@drawable/info"            android:text="@string/_system_info" />        <TextView            style="@style/tv_style"            android:layout_alignParentRight="true"            android:layout_marginRight="15dp"            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="15dp"            android:drawableTop="@drawable/language"            android:text="@string/_language" />        <TextView            style="@style/tv_style"            android:layout_alignParentRight="true"            android:layout_marginRight="15dp"            android:drawableTop="@drawable/notifycation"            android:text="@string/_set_notifycation" />    </RelativeLayout></LinearLayout>

4）在values文件下的style.xml文件中存放抽取出来的样式

实现代码：

<resources>    <style name="AppBaseTheme" parent="android:Theme.Light">    </style>    <style name="AppTheme" parent="AppBaseTheme">    </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">170dp</item>        <item name="android:layout_height">100dp</item>        <item name="android:gravity">center</item>        <item name="android:paddingTop">10dp</item>        <item name="android:paddingBottom">10dp</item>        <item name="android:drawablePadding">5dp</item>        <item name="android:background">@android:color/white</item>    </style></resources>

5）创建values-zh-rCN、values-en-rUS文件夹，并在文件夹中各自创建strings.xml文件（注：新建文件夹在Android下生成不显示，要在Project下创建）

strings.xml文件在创建时会产生错误无法创建：

解决方法：

在res目录下存在values文件夹下存在strings.xml文件将此文件复制并粘贴在values-zh-rCN、values-en-rUS文件夹中

实现代码：

values-zh-rCN文件夹下

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

values-en-rUS文件夹下

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

效果图：

0 0