通过安卓API的Tabs3实现仿优酷tabhost效果

课程还没有讲了多少，前两天老师就让自己写个视频播放器客户端，这个是他上课讲的一个小小demo,通过查看安卓API的tabs3，实现仿优酷视频客户端的tabhost效果。我的API路径是D:\android\sdk\samples\android-17\ApiDemos\src\com\example\android\apis\view下的Tabs3，下面是实现效果：



废话不多说了，直接上码：

MainActivity.java

[java] view
plaincopy

package com.example.video;  

  

import android.os.Bundle;  

import android.R.layout;  

import android.app.Activity;  

import android.app.TabActivity;  

import android.content.Intent;  

import android.view.LayoutInflater;  

import android.view.Menu;  

import android.widget.TabHost;  

  

public class MainActivity extends TabActivity {  

      

    public TabHost tabHost;  

      

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        //获取对象  

        tabHost = getTabHost();  

          

        tabHost.addTab(tabHost.newTabSpec("myself")  

                .setIndicator("个人中心")  

                .setContent(new Intent(this, MySelfActivity.class)));  

        tabHost.addTab(tabHost.newTabSpec("myindex")  

                .setIndicator("优酷首页")  

                .setContent(new Intent(this, MyIndexActivity.class)));  

        tabHost.addTab(tabHost.newTabSpec("mycenter")  

                .setIndicator("频道中心")  

                .setContent(new Intent(this, MyCenterActivity.class)));  

          

        

        //指定的当前的tab  

        //通过索引指定  索引从0开始  

        tabHost.setCurrentTab(0); //从零开始  

          

        //通过标识来激活  

      //  tabHost.setCurrentTabByTag("XXX1");  

          

    }  

  

    @Override  

    public boolean onCreateOptionsMenu(Menu menu) {  

        // Inflate the menu; this adds items to the action bar if it is present.  

        getMenuInflater().inflate(R.menu.main, menu);  

        return true;  

    }  

  

}  

MyCenterActivity.java

[java] view
plaincopy

package com.example.video;  

  

import android.app.Activity;  

import android.os.Bundle;  

  

public class MyCenterActivity  extends Activity{  

      

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

          

        setContentView(R.layout.activity_mycenter);  

    }  

  

}  

MyIndexActivity.java

[java] view
plaincopy

package com.example.video;  

  

import android.app.Activity;  

import android.os.Bundle;  

  

public class MyIndexActivity  extends Activity{  

      

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

          

        setContentView(R.layout.activity_myindex);  

    }  

  

}  

MySelfActivity.java

[java] view
plaincopy

package com.example.video;  

  

import android.app.Activity;  

import android.os.Bundle;  

  

public class MySelfActivity  extends Activity{  

      

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

          

        setContentView(R.layout.activity_myself);  

    }  

  

}  

下面是布局文件：

activity_mycenter.xml

[html] view
plaincopy

<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"  

    android:paddingBottom="@dimen/activity_vertical_margin"  

    android:paddingLeft="@dimen/activity_horizontal_margin"  

    android:paddingRight="@dimen/activity_horizontal_margin"  

    android:paddingTop="@dimen/activity_vertical_margin"  

    tools:context=".MainActivity" >  

  

    <TextView  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="优酷中心" />  

  

</RelativeLayout>  

activity_myindex.xml

[html] view
plaincopy

<TextView  

    android:layout_width="wrap_content"  

    android:layout_height="wrap_content"  

    android:text="优酷首页" />  

activity_myself.xml

[html] view
plaincopy

<TextView  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="个人首页" />  

当然别忘了在清单文件中配置activity

[html] view
plaincopy

<!-- 配置activity组件 -->  

        <activity android:name="com.example.video.MyIndexActivity"/>  

        <activity android:name="com.example.video.MySelfActivity"/>  

        <activity android:name="com.example.video.MyCenterActivity"/>