实验：Android UI编写手机信息页面

最新推荐文章于 2024-08-16 15:31:49 发布

就现在__

最新推荐文章于 2024-08-16 15:31:49 发布

阅读量757

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/jiangjiang1220/article/details/61626304

版权

本文详述了一项实验，旨在通过Android Studio创建一个手机信息页面，涵盖网格布局、相对布局的运用，样式的使用以及程序的国际化处理。通过创建布局文件、抽取样式、提取文字、设置多语言支持，最终实现与用户交互的界面。

摘要由CSDN通过智能技术生成

一、任务：手机信息页面

二、实验目的：

1、掌握网格布局、相对布局的使用

2、掌握样式的使用

3、掌握如何对程序进行国际化

三、实验仪器：

Android Studio

四、运行效果图：

五、设计思路（实现原理）

1）将准备好的八个图标复制到res/drawable文件夹下

2）创建一个两列的网格布局，并在网格布局中创建8个相对布局

3）在相对布局中添加相应的TextView、ImageView

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

5）创建values-zh-rCN、values-en-rUS文件夹，并在文件夹中创建strings.xml

六、案例实现

（1）、创建“手机信息页面”程序

创建一个名为“手机信息页面”的程序，该程序用于展示手机设置页面的信息。程序界面对应布局文件activity_main.xml如下所示：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout 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"

   <!--网格列数为2-->
    android:columnCount="2"

   <!--设置网格布局与边框的距离-->
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="cn.edu.bzu.a10lab3.MainActivity">

    <RelativeLayout

      <!--引入定义好的样式-->
        style="@style/my1_style"

      <!--设置行和列的权重为1，以达到每个相对布局都平均分布-->
        android:layout_columnWeight="1"
        android:layout_marginRight="15dp"
        android:layout_rowWeight="1">

        <ImageView
            android:id="@+id/clound"
            style="@style/my_style"
            android:background="@drawable/clound" />

        <TextView
            style="@style/my_style"
            android:layout_below="@id/clound"