一步一步实现视频播放器client（二）

实现主体界面：

               


222.png (64.46 KB, 下载次数: 0)

下载附件  保存到相冊

前天 21:02 上传

比較常见的一种布局。以下几个button。点击后。切换到对应的界面，能够使用tabhost+RadioGroup来实现，或者其它的比方fragmentTabhost+fragment等。实现方式有好几种。本app是非常久之前做的，採用老方法tabhost+RadioGroup来实现的。界面底部是RadioGroup，里面放了4个radiobutton，4个button切换时候，分别切换显示4个不同的activity，button上面显示部分是另外一个activity。

MainActivity的主代码例如以下：

private static final String HOME = "home";   

private static final String HOT = "hot";

private static final String TJ = "tj";

private static final String LOCAL = "local";

private RadioGroup rGroup;   //这里用RadioGroup来代替TabWidget，更加方便我们设计控件的样式，用于底部4个button

private TabHost tabHost;      //像一个容器，把我们须要展示的activity放进去，依据我们须要进行显示

private TabSpec tabSpec;     //各个选项卡

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        initView();

        setLister();

}

private void setLister() {        //绑定事件

  rGroup.setOnCheckedChangeListener(this);

}

    private void initView()    //初始化view

    {

     rGroup = (RadioGroup) findViewById(R.id.RadioGroup);

  tabHost = this.getTabHost();   //从TabActivity中获取一个tabHost对象。由于我们继承了TabActivity，它已经获取了tabHost。我们不用再用findViewById

  /**

   * 获取各个选项卡，而且把对应的activity装进去，能够加一个或者多个，更具自己须要加入，activity须要我们自己创建，记住在配置文件中面进行配置

   */

  tabSpec = tabHost.newTabSpec(HOT).setIndicator(HOT)

    .setContent(new Intent(this, HotActivity.class));   //HotActivity，显示热门电影界面，刚进入时候，显示得第一个界面


  tabHost.addTab(tabSpec);

  tabSpec = tabHost.newTabSpec(TJ).setIndicator(TJ)  

    .setContent(new Intent(this, RecommendActivity.class));   //推荐界面


  tabHost.addTab(tabSpec);

  

  tabSpec = tabHost.newTabSpec(HOME).setIndicator(HOME)

    .setContent(new Intent(this, AllVideoActivity.class));
//所有电影界面  

  tabHost.addTab(tabSpec);

  tabSpec = tabHost.newTabSpec(LOCAL).setIndicator(LOCAL)

    .setContent(new Intent(this, LocalVideoActivity.class));
//本地视频  

  tabHost.addTab(tabSpec);

  

    }

  //点击以下5个Radiobutton，点击时候触发这里的事件,分别切换到对应的界面

    public void onCheckedChanged(RadioGroup group, int checkedId) {

  switch (checkedId) {

  case R.id.hot_id:

   tabHost.setCurrentTab(0);      //跳转到热门界面

   break;

  case R.id.tuijian_id:

   tabHost.setCurrentTab(1);    //跳转推荐界面

   break;

  case R.id.home_id:

   tabHost.setCurrentTab(2);  //跳转所有电影界面

   break;

  case R.id.local_id:

   tabHost.setCurrentTab(3);    //跳转本地视频

   break;

  

  }

}



MainActivit的布局文件例如以下：



<?

xml version="1.0" encoding="utf-8"?>

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@android:id/tabhost"  //该id名字必须这样写，不能变，TabActivity会依据此id获取tabhost对象  

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="horizontal" >

    <TabWidget         //该控件尽管是影藏的，可是必需要写出来。id也必须入下。不能改变。不然代码里面用tabhost获取tabTabSpec会出错。他显示时候。显示在界面的顶端，不是我们需要的。我们把它影藏，用以下的RadioGroup来取代

        android:id="@android:id/tabs"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:visibility="gone" >

    </TabWidget>

    <RelativeLayout  //使用相对布局，方便radiogroup能够显示究竟部，还有能够使类容不被以下的4个button挡住

android:layout_width="fill_parent"

        android:layout_height="fill_parent" >

        <FrameLayout     //这个是用来放置其它activity的。id也必须这样，不能任意变。

就是切换时候的那4个activity

            android:id="@android:id/tabcontent"

            android:layout_width="fill_parent"

            android:layout_height="fill_parent"

            android:layout_above="@id/RadioGroup" >   //这里设置位置在Radiogroup上面，放置部分内容被4个button挡住

        </FrameLayout>

        <RadioGroup       //放置底部4个radiobutton

            android:id="@id/RadioGroup"

            android:layout_width="fill_parent"

            android:layout_height="50dp"

            android:layout_alignParentBottom="true"  //放置在父控件的最以下

            android:gravity="bottom"

            android:orientation="horizontal" >

            <RadioButton

                android:paddingTop="5dp"

                android:id="@id/hot_id"   //这里名字随便取的。大家请依照规范命名。这里id是放在ids里面的，也能够直接用+号形式直接写

                style="@style/main_radio_botton"    //4个button属性同样的部分，我们提出去。放到style文件中面，达到公用

                android:layout_width="wrap_content"

                android:layout_height="fill_parent"

                android:layout_weight="1"   //设置权重，保重4个button的宽度一致

                android:background="@drawable/bar_selector"
//这个比較经常使用，设置一个selector的xml文件，点击时候，切换背景。

                android:checked="true"   //表示改radiobutton是选中状态，上面设置了selector。它就能够更具这个状态。显示对应的背景了

                android:drawableTop="@drawable/main_bt_ico_hot"
//看意思能看出来。在控件顶部放一个图片，当然一次还能够放其它位置

                android:gravity="center"

                android:text="@string/main_bt_hot"

                android:textSize="12sp" />

                        

        </RadioGroup>

      

    </RelativeLayout>

</TabHost>



除了MainActivity界面，我们还须要4个activity。上面有写，来先看看第一个界面HotActivity的布局文件



<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="#000000"

    android:orientation="vertical" >

    <FrameLayout    //最顶部标题栏部分，由于非常多时候，它左边和右边都有对应的button，比方返回键什么的。所以用FrameLayout    来做。通过控件的属性

android:layout_gravity="xxxx"，能够方便的把控件显示在中间,左边，右边，各种居中等



        android:layout_width="fill_parent"

        android:layout_height="40dp"

        android:background="@drawable/test_title_bg" >

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center"   //控件显示在中间。显示我们的app名字

            android:text="@string/app_name"

            android:textColor="#ffffff"

            android:textSize="18sp" />

    </FrameLayout>

    <HorizontalScrollView  //标题栏以下是一排button。应为比較多。能够 滑动。所以使用该控件，实现。左右滑动

        android:id="@+id/hscroll"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scrollbars="none" >

        <RadioGroup  //这里还是使用它来实现点击切换效果，主要是为了使用它的checked属性。非常方便的变换，点击button后，切换背景

            android:id="@+id/bar_rg"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:gravity="center"

            android:orientation="horizontal" >

            <RadioButton

                android:id="@+id/bar_rd1"

                style="@style/main_radio_botton"

                android:layout_width="60dp"

                android:layout_height="35dp"

                android:layout_marginBottom="3dp"

                android:layout_marginLeft="5dp"

                android:layout_marginTop="3dp"

                android:background="@drawable/sc_bar_selector"

                android:checked="true"

                android:gravity="center"

                android:paddingBottom="3dp"

                android:text="@string/hot_text_rd" />

                    </RadioGroup>

    </HorizontalScrollView>

    <FrameLayout

        android:layout_width="fill_parent"

        android:layout_height="fill_parent" >

        <LinearLayout  //我们的数据是用listview来显示的。这里每一个button相应一个listview。在界面里面。我们动态加入到该linearlayout上面

详细写代码时候，大家会清楚的,用多个listview来显示不同类型的数据。通过显示影藏。来显示不同的数据，而不会又一次刷新数据

            android:id="@+id/list_lin"

            android:layout_width="fill_parent"

            android:layout_height="fill_parent"

            android:background="#ffffff"

            android:orientation="vertical" >

        </LinearLayout>

        <include    //自己定义的一个progress，一个转圈圈的view，提示用户当前在载入数据。这个view提出来，写在一个xml里面，便于其它界面使用。公用view，大家都能够单独提出来，在用include    增加


            android:id="@+id/pb"

            layout="@layout/progress_bar" />

    </FrameLayout>

</LinearLayout>





为了使我们的额代码看起来比較统一，我们创建一个包com.hck.videoplayer.interfaces。在里面我们新建一个借口类：

public interface BaseMethod {

public void initView();  //初始化数据

public void getData(); //从server获取数据

public void updateUi(); //更新界面

public void setDataToServer();   //发送数据到server

public void initData();  //初始化数据

}



源代码地址：http://pan.baidu.com/s/1eQirxuU

我的贴吧：http://tieba.baidu.com/f?kw=android%E5%BC%80%E5%8F%91%E5%AD%A6%E4%B9%A0&ie=utf-8

有问题能够这里来提问，大家相互交流，尽量回答大家问题。



有写属性数据各个界面可能公用，我们在ui包下创建一个名字叫BaseActivity的activity，继承activity，后面，公用的数据。我们就放在里面了。

然后在使用的时候。我们其它的activity都继承该BaseActivity，然后都实现 BaseMethod接口



好了，本片几乎相同这样了。时间有限。能力有限，非常多地方没写到位。可能有错误的地方，请大家见谅，文章，紧供參考。

须要的，大家能够參考下，不喜忽喷，谢谢