Android UI手机信息页面

来源：互联网发布：电脑如何看淘宝微淘编辑：程序博客网时间：2024/05/05 01:32

大约步骤是：

将准备好的八个图标复制到res/drawable文件夹下；创建一个垂直的线性布局，并在线性布局中创建4个相对布局；在相对布局中添加相应的TextView；’在values文件下的style.xml文件中存放抽取出来的样式；创建values-zh-rCN、values-en-rUS文件夹，并在文件夹中创建strings.xml。

先创建“手机信息页面”程序：

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

然后是抽取样式：

</style>

</style>

<item name="android:layout_width">match_parent</item>

<item name="android:layout_height">wrap_content</item>

</style>

<item name="android:gravity">center</item>

<item name="android:background">@android:color/white</item>

</style>

</resources>

然后创建values-zh-rCN、values-en-rUS文件夹：

<?xml version="1.0" encoding="utf-8"?>

<string name="app_name">手机信息页面</string>

<string name="_gesture">自定义手势</string>

<string name="_set_notifycation">通知栏设置</string>

</resources>

values-en-rUS文件夹下的strings.xml文件如下所示：

<?xml version="1.0" encoding="utf-8"?>

<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="_system_info">SystemInfo</string>

<string name="_internet">Internet</string>

<string name="_language">Language</string>

<string name="_set_notifycation">Notifycation</string>

</resources>

最后是编写与界面交互的代码

public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }}

结果图如下：

1 0