本文主要是介绍手把手教你做安豆计算器(七)-“关于”界面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
第8节 关于界面
现在我们开始为应用增加一个自我介绍,自我介绍也是一个Activity,它将从应用右上方的菜单栏启动。
8.1 菜单的添加
应用标题栏的区域,叫做Actionbar
。这里用来显示应用的名字,提供应用的各种操作菜单。我们就要在这里添加一个关于
菜单。
在
项目浏览框
,找到res目录
,点击右键,选择new
->android resource file
;在对应栏位按照下图填写;
在新创建的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>
在
MainActivity.java
的源码中,把菜单项添加到Actionbar
上,@Override public boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu, menu);return true; }
在
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
在
项目浏览
窗口,找到程序源码所在的包,点击右键,选择new
->Activity
->Gallery...
;选择
Empty Activity
,按下面表格的内容,设置好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布局
在布局中我们添加上版本信息和用户信息。
修改
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>
为
关于
界面显示的文字,定义一种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>
在
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;}
在
res\values\strings.xml
中,添加格式化字符串,<resources><string name="verion_info">Version: %s \n Designer: Anddle</string> </resources>
使用格式化字符串,
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编程中购买相关硬件。同时也感谢大家对我们这些码农的支持。
*最后再次感谢各位读者对安豆
的支持,谢谢:)
/*******************************************************************/
这篇关于手把手教你做安豆计算器(七)-“关于”界面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!