手把手教你做安豆计算器（七）－“关于”界面

第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上，

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

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

   @Overridepublic 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获取安装的应用信息，进而获取版本号；代码如下，

   @Overrideprotected 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的类名，

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

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

---

/*******************************************************************/
* 版权声明
* 本教程只在CSDN和安豆网发布，其他网站出现本教程均属侵权。

*另外，我们还推出了Arduino智能硬件相关的教程，您可以在我们的网店跟我学Arduino编程中购买相关硬件。同时也感谢大家对我们这些码农的支持。

*最后再次感谢各位读者对安豆的支持，谢谢:)
/*******************************************************************/