Android小程序——乐学成语实现（三）

显示主界面

主界面的设计采用选项卡组件，在res的drawable_hdpi目录下拷入需要的图片素材，在res/layout目录中新建activity_main.xml布局，代码如下：

<span style="font-size:18px;"><RelativeLayout 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"
    tools:context=".MainActivity" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1" >

                <LinearLayout
                    android:id="@+id/tab1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/tab2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/tab3"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:orientation="vertical" >
                </LinearLayout>
            </FrameLayout>

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
            </TabWidget>
        </LinearLayout>
    </TabHost>
</RelativeLayout></span>

然后再在res的values的目录下的strings.xml文件中定义所需的字符串，代码如下：

<span style="font-size:18px;">    <string name="title_activity_main">MainActivity</string>
    <string name="title_study">学习</string>
    <string name="title_search">搜搜</string>
    <string name="title_game">游戏</string>
    <string name="title_save">收藏</string>
    <string name="title_help">帮助</string></span>

接下来再在activity包下新建MainActivity继承自Activity，代码如下：

<pre name="code" class="html"><span style="font-size:18px;">public class MainActivity extends TabActivity {
	private TabHost tabHost;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);//取消标题栏
		setContentView(R.layout.activity_main);
		tabHost=getTabHost();
		addTab("study",R.string.title_study,R.drawable.study,StudyActivity.class);
		addTab("search",R.string.title_search,R.drawable.search,StudyActivity.class);
		addTab("game",R.string.title_game,R.drawable.game,StudyActivity.class);
		addTab("save",R.string.title_save,R.drawable.save,StudyActivity.class);
		addTab("help",R.string.title_help,R.drawable.help,StudyActivity.class);
	}
	private void addTab(String tag,int title_introduction,int title_icon,int content){
		tabHost.addTab(tabHost.newTabSpec(tag)
			.setIndicator(getString(title_introduction),
			getResources().getDrawable(title_icon))
			.setContent(content));
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu){
		//Inflate the menu;this adds items to the action bar if it is preaent.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}
}</span>

在上面这个类的onCreate()方法里，通过调用getTabHost()方法来获取整个TabHost组件，然后调用了抽取出来的自定义的方法addTab()添加了五个选项卡

接着更改AndroidManifest.xml配置文件，代码如下：

<span style="font-size:18px;"><activity
            android:name="cn.edu.bztc.happyidiom.activity.MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
</activity></span>

修改一下主题，设置activity的theme为：

<span style="font-size:18px;">android:theme="@android:style/Theme.NoTitleBar"</span>

让显示器显示在底部的代码，在activity_main.xml文件中添加如下代码行：

<span style="font-size:18px;">android:layout_weight="1"</span>

主要是注册了MainActivity，通过加入<intent-filter>将其设置为首先启动的类，运行程序如图：

到此第二阶段收工！