您的位置:首页 > 产品设计 > UI/UE

Android UI中手机信息页面国际化

2017-03-13 22:23 471 查看

1.在res文件夹下创建values-zh-rCN、values-en-rUS文件夹,并在文件夹中创建string.xml文件,代码如下:

values-zh-rCN:

<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>
values-en-rUS:

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

2.在values文件下的style.xml文件中加入布局代码;

 <!--
宽 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">145dp</item>
        <item name="android:layout_height">90dp</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>

3.编写程序代码,我是用的是LinearLayout布局;

<RelativeLayout
style="@style/h_wrap_content"
android:layout_marginTop="30dp">

<TextView
style="@style/tv_style"
android:layout_marginLeft="30dp"
android:drawableTop="@drawable/gesture"
[b]android:text="@string/_gesture"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginStart="30dp" />

<TextView
style="@style/tv_style"
android:layout_marginRight="30dp"
android:drawableTop="@drawable/gps"
android:text="@string/_gps"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginEnd="30dp" />
</RelativeLayout>

<RelativeLayout
style="@style/h_wrap_content"
android:layout_marginTop="30dp">

<TextView
style="@style/tv_style"
android:layout_marginLeft="30dp"
android:drawableTop="@drawable/info"
android:text="@string/_system_info"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginStart="30dp" />

<TextView
style="@style/tv_style"
android:layout_marginRight="30dp"
android:drawableTop="@drawable/internet"
android:text="@string/_internet"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginEnd="30dp" />
</RelativeLayout>

<RelativeLayout
style="@style/h_wrap_content"
android:layout_marginTop="30dp">

<TextView
style="@style/tv_style"
android:layout_marginRight="30dp"
android:drawableTop="@drawable/notifycation"
android:text="@string/_set_notifycation"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginEnd="30dp" />

<TextView
style="@style/tv_style"
android:layout_marginLeft="30dp"
android:drawableTop="@drawable/language"
android:text="@string/_language"
android:layout_marginStart="30dp"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
</RelativeLayout>

4.编写与界面交互的代码

接下来需要在MainActivity中编写与用户交互的逻辑代码,MainActivity对应的代码如下所示:

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

}
效果图如下:

简体中文下的:



英文版本下:



在运行的过程中,R文件出现红色,导致程序无法运行,原因是在配置布局代码是在values文件夹下新建了一个style.xml文件,导致R文件无法识别。找到错误之后,程序如上图所示。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: