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

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

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

第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=""xmlns:apps=""><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=""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;
}

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

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

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

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