第8节 关于界面

现在我们开始为应用增加一个自我介绍，自我介绍也是一个Activity，它将从应用右上方的菜单栏启动。

8.1 菜单的添加

应用标题栏的区域，叫做Actionbar。这里用来显示应用的名字，提供应用的各种操作菜单。我们就要在这里添加一个关于菜单。

1. 在项目浏览框，找到res目录，点击右键，选择new->android resource file;

   

2. 在对应栏位按照下图填写；

   

3. 在新创建的xml文件中加入菜单项，showAsAction属性表示菜单是否直接显示出来，如果给他指定never，那么它将被折叠到右上角的三个点当中；title属性用来指定菜单项要显示的文字，我们这里采用字符串引用的方式，将菜单栏文字设置成About

   <?xml version="1.0" encoding="utf-8"?>
   <menu xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:apps="http://schemas.android.com/apk/res-auto">
   
       <item
           apps:showAsAction="never"
           android:id="@+id/menu_about"
           android:title="@string/about"
           />
   </menu>

4. 在MainActivity.java的源码中，把菜单项添加到Actionbar上，

   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
       getMenuInflater().inflate(R.menu.menu, menu);
   
       return true;
   }

5. 在MainActivity.java的源码中，添加对菜单项点击对响应，

   @Override
   public boolean onOptionsItemSelected(MenuItem item) {
       switch (item.getItemId())
       {
           case R.id.menu_about:
           {
                   //这里添加启动“关于”界面的代码。
           }
           break;
       }
   
       return true;
   }

至此，菜单功能就添加好了，等我们创建好了“关于”界面的Activity之后，再来修改菜单点击的响应，让它启动“关于”界面。

8.2 Activity的添加

8.2.1 创建Activity

1. 在项目浏览窗口，找到程序源码所在的包，点击右键，选择new->Activity->Gallery...；

   

2. 选择Empty Activity，

   

3. 按下面表格的内容，设置好Activity和布局文件的名字，

   

这样，Activity相关的代码和布局文件就创建完成了。

在创建的过程中，应用的AndroidManifest.xml也被自动加上了以下的内容，对新添加的Activity进行了注册，否则，启动这个Activity的时候，系统会报错。

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

    <activity android:name=".AboutActivity"></activity>

</application>

8.2.2 创建Activity布局

在布局中我们添加上版本信息和用户信息。

1. 修改res\layout\activity_about.xml文件，使用TextView来显示用户和版本信息；背景颜色使用之前定义的#FF4B5459；

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical" android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="@color/colorAppBG">
   
       <TextView
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:id="@+id/version_info"
           style="@style/AboutContentStyle"/>
   
   </LinearLayout>

2. 为关于界面显示的文字，定义一种style，然后为TextView指定这种style，

   <style name="AboutContentStyle">
       <item name="android:textColor">@color/colorDisplayText</item>
       <item name="android:textSize">@dimen/displayTextSize</item>
       <item name="android:padding">5dp</item>
       <item name="android:gravity">center</item>
   </style>

3. 在AboutActivity.java中的onCreate()函数，使用PackageManager获取安装的应用信息，进而获取版本号；代码如下，

   @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
   
       setContentView(R.layout.activity_about);
   
       PackageManager manager = getPackageManager();
       PackageInfo info = null;
   
       try {
           info = manager.getPackageInfo(getPackageName(), 0);
       } catch (PackageManager.NameNotFoundException e) {
           e.printStackTrace();
       }
   
       String version = info == null ? getString(R.string.unknown): info.versionName;
   
   }

4. 在res\values\strings.xml中，添加格式化字符串，

   <resources>
       <string name="verion_info">Version: %s \n Designer: Anddle</string>
   </resources>

5. 使用格式化字符串，String.format()可以将％s替换成我们希望被代替的字符串，

   @Override?protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       ......
       String msg = String.format(getString(R.string.verion_info), version);
   
       TextView ver = (TextView) findViewById(R.id.version_info);
       ver.setText(msg);
   }

8.2.3 启动Activity

最后在菜单项的响应函数里面，把刚创建好的Activity启动起来。

启动另外一个Activity可以通过Activity提供的startActivity()方法；

这里需要首先创建一个Intent，给intent填入要启动的Activity的类名，

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId())
    {
        case R.id.menu_about:
        {
            Intent i = new Intent(this, AboutActivity.class);
            startActivity(i);
        }
        break;
    }

    return true;
}

在设备上将程序运行起来，就可以看到“关于”界面成功的添加并显示了。