添加首页标签

朱显松
1 parent 4a974f52
Showing 28 changed files with 775 additions and 20 deletions
app/build.gradle
app/src/main/AndroidManifest.xml
app/src/main/java/com/cnlive/gundam/MainActivity.java
app/src/main/java/com/cnlive/gundam/main/ui/activity/MainActivity.java
app/src/main/java/com/cnlive/gundam/main/ui/fragment/ConfigFragment.java
app/src/main/java/com/cnlive/gundam/main/ui/fragment/HomeFragment.java
app/src/main/java/com/cnlive/gundam/main/ui/fragment/LiveFragment.java
app/src/main/java/com/cnlive/gundam/main/ui/fragment/UGCListFragment.java
app/src/main/java/com/cnlive/gundam/main/ui/widget/FragmentTabHost.java
app/src/main/res/drawable-hdpi/tab_bar_bg.9.png
app/src/main/res/drawable-mdpi/tab_bar_bg.9.png
app/src/main/res/drawable-xhdpi/tab_bar_bg.9.png
app/src/main/res/drawable-xxhdpi/tab_bar_bg.9.png
app/src/main/res/drawable-xxxhdpi/tab_bar_bg.9.png
app/src/main/res/drawable/tab_camera_selector.xml
app/src/main/res/drawable/tab_home_selector.xml
app/src/main/res/drawable/tab_item_text.xml
app/src/main/res/drawable/tab_live_tv_selector.xml
app/src/main/res/drawable/tab_person_selector.xml
app/src/main/res/drawable/tab_videocam_selector.xml
@@ -11,6 +11,9 @@ android {
         versionName "1.0"
         testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
     }
+    dataBinding {
+        enabled true
+    }
     buildTypes {
         release {
             minifyEnabled false
@@ -9,7 +9,7 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name=".MainActivity">
+        <activity android:name=".main.ui.activity.MainActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
  
-package com.cnlive.gundam;
-
-import android.support.v7.app.AppCompatActivity;
-import android.os.Bundle;
-
-public class MainActivity extends AppCompatActivity {
-
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        setContentView(R.layout.activity_main);
-    }
-}
+package com.cnlive.gundam.main.ui.activity;
+
+import android.databinding.DataBindingUtil;
+import android.os.Bundle;
+import android.support.v7.app.AppCompatActivity;
+
+import com.cnlive.gundam.R;
+import com.cnlive.gundam.databinding.ActivityMainBinding;
+import com.cnlive.gundam.main.ui.fragment.ConfigFragment;
+import com.cnlive.gundam.main.ui.fragment.HomeFragment;
+import com.cnlive.gundam.main.ui.fragment.LiveFragment;
+import com.cnlive.gundam.main.ui.fragment.UGCListFragment;
+import com.cnlive.gundam.main.ui.widget.FragmentTabHost;
+
+import java.util.Arrays;
+
+/**
+ * Created by xiansong on 2017/6/27.
+ */
+
+public class MainActivity extends AppCompatActivity implements FragmentTabHost.OnSetCurrentTabListener {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
+        binding.setContentId(R.id.realtabcontent);
+        binding.setOnSetCurrentTabListener(this);
+        binding.setTabItemInfoList(Arrays.asList(
+                FragmentTabHost.newTab("home", R.layout.indicator_main_home, HomeFragment.class),
+                FragmentTabHost.newTab("media", R.layout.indicator_main_live_tv, UGCListFragment.class),
+                FragmentTabHost.newTab("stream", R.layout.indicator_main_stream, null),
+                FragmentTabHost.newTab("live", R.layout.indicator_main_live, LiveFragment.class),
+                FragmentTabHost.newTab("config", R.layout.indicator_main_mine, ConfigFragment.class)
+        ));
+    }
+
+    @Override
+    public boolean onSetCurrentTab(String tag) {
+        switch (tag) {
+            case "stream":
+                //TODO 启动直播推流页面0
+                return true;
+        }
+        return false;
+    }
+}
 \ No newline at end of file
+package com.cnlive.gundam.main.ui.fragment;
+
+import android.support.v4.app.Fragment;
+
+/**
+ * Created by xiansong on 2017/6/27.
+ */
+
+public class ConfigFragment extends Fragment {
+}
+package com.cnlive.gundam.main.ui.fragment;
+
+import android.support.v4.app.Fragment;
+
+/**
+ * Created by xiansong on 2017/6/27.
+ */
+
+public class HomeFragment extends Fragment {
+}
+package com.cnlive.gundam.main.ui.fragment;
+
+import android.support.v4.app.Fragment;
+
+/**
+ * Created by xiansong on 2017/6/27.
+ */
+
+public class LiveFragment extends Fragment {
+}
+package com.cnlive.gundam.main.ui.fragment;
+
+import android.support.v4.app.Fragment;
+
+/**
+ * Created by xiansong on 2017/6/27.
+ */
+
+public class UGCListFragment extends Fragment {
+}
+package com.cnlive.gundam.main.ui.widget;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.drawable.Drawable;
+import android.os.Bundle;
+import android.os.Parcel;
+import android.os.Parcelable;
+import android.support.annotation.NonNull;
+import android.support.annotation.Nullable;
+import android.support.v4.app.Fragment;
+import android.support.v4.app.FragmentActivity;
+import android.support.v4.app.FragmentManager;
+import android.support.v4.app.FragmentTransaction;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+import android.widget.LinearLayout;
+import android.widget.TabHost;
+import android.widget.TabWidget;
+
+import com.cnlive.gundam.R;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class FragmentTabHost extends TabHost
+        implements TabHost.OnTabChangeListener {
+    private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();
+    private FrameLayout mRealTabContent;
+    private Context mContext;
+    private FragmentManager mFragmentManager;
+    private int mContainerId;
+    private OnSetCurrentTabListener onSetCurrentTabListener;
+    private TabHost.OnTabChangeListener mOnTabChangeListener;
+    private TabInfo mLastTab;
+    private boolean mAttached;
+    private Drawable mDiciderDrawable;
+
+    private List<TabSpec> mTabSpecs = new ArrayList<TabSpec>(2);
+
+    public interface OnSetCurrentTabListener {
+        boolean onSetCurrentTab(String tag);
+    }
+
+    public static final class TabItemInfo{
+        private final String tag;
+        private final int layoutId;
+        private final Class<?> clss;
+
+        public TabItemInfo(String tag, int layoutId, Class<?> clss) {
+            this.tag = tag;
+            this.layoutId = layoutId;
+            this.clss = clss;
+        }
+
+
+    }
+
+    static final class TabInfo {
+        private final String tag;
+        private final Class<?> clss;
+        private final Bundle args;
+        private Fragment fragment;
+
+        TabInfo(String _tag, Class<?> _class, Bundle _args) {
+            tag = _tag;
+            clss = _class;
+            args = _args;
+        }
+    }
+
+    static class DummyTabFactory implements TabHost.TabContentFactory {
+        private final Context mContext;
+
+        public DummyTabFactory(Context context) {
+            mContext = context;
+        }
+
+        @Override
+        public View createTabContent(String tag) {
+            View v = new View(mContext);
+            v.setMinimumWidth(0);
+            v.setMinimumHeight(0);
+            return v;
+        }
+    }
+
+    static class SavedState extends BaseSavedState {
+        String curTab;
+
+        SavedState(Parcelable superState) {
+            super(superState);
+        }
+
+        private SavedState(Parcel in) {
+            super(in);
+            curTab = in.readString();
+        }
+
+        @Override
+        public void writeToParcel(Parcel out, int flags) {
+            super.writeToParcel(out, flags);
+            out.writeString(curTab);
+        }
+
+        @Override
+        public String toString() {
+            return "FragmentTabHost.SavedState{"
+                    + Integer.toHexString(System.identityHashCode(this))
+                    + " curTab=" + curTab + "}";
+        }
+
+        public static final Parcelable.Creator<SavedState> CREATOR
+                = new Parcelable.Creator<SavedState>() {
+            public SavedState createFromParcel(Parcel in) {
+                return new SavedState(in);
+            }
+
+            public SavedState[] newArray(int size) {
+                return new SavedState[size];
+            }
+        };
+    }
+
+    public static TabItemInfo newTab(String tag, int layoutId, Class<?> clss) {
+        return new FragmentTabHost.TabItemInfo(tag, layoutId, clss);
+    }
+
+    public FragmentTabHost(Context context) {
+        // Note that we call through to the version that takes an AttributeSet,
+        // because the simple Context construct can result in a broken object!
+        this(context, null);
+    }
+
+    public FragmentTabHost(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initFragmentTabHost(context, attrs);
+    }
+
+    private void initFragmentTabHost(Context context, AttributeSet attrs) {
+        TypedArray a;
+        a = context.obtainStyledAttributes(attrs, new int[]{android.R.attr.inflatedId}, 0, 0);
+        try {
+            mContainerId = a.getResourceId(0, 0);
+        }finally {
+            a.recycle();
+        }
+
+        a = context.obtainStyledAttributes(attrs, R.styleable.FragmentTabHost);
+        try {
+            mDiciderDrawable = a.getDrawable(R.styleable.FragmentTabHost_dividerDrawable);
+        }finally {
+            a.recycle();
+        }
+        super.setOnTabChangedListener(this);
+    }
+
+    private void ensureHierarchy(Context context) {
+        // If owner hasn't made its own view hierarchy, then as a convenience
+        // we will construct a standard one here.
+        if (findViewById(android.R.id.tabs) == null) {
+            LinearLayout ll = new LinearLayout(context);
+            ll.setOrientation(LinearLayout.VERTICAL);
+            addView(ll, new FrameLayout.LayoutParams(
+                    ViewGroup.LayoutParams.FILL_PARENT,
+                    ViewGroup.LayoutParams.FILL_PARENT));
+
+            TabWidget tw = new TabWidget(context);
+            tw.setId(android.R.id.tabs);
+            tw.setOrientation(TabWidget.HORIZONTAL);
+            ll.addView(tw, new LinearLayout.LayoutParams(
+                    ViewGroup.LayoutParams.FILL_PARENT,
+                    ViewGroup.LayoutParams.WRAP_CONTENT, 0));
+
+            FrameLayout fl = new FrameLayout(context);
+            fl.setId(android.R.id.tabcontent);
+            ll.addView(fl, new LinearLayout.LayoutParams(0, 0, 0));
+
+            mRealTabContent = fl = new FrameLayout(context);
+            mRealTabContent.setId(mContainerId);
+            ll.addView(fl, new LinearLayout.LayoutParams(
+                    LinearLayout.LayoutParams.FILL_PARENT, 0, 1));
+        }
+    }
+
+    /**
+     * @deprecated Don't call the original TabHost setup, you must instead
+     * call {@link #setup(Context, FragmentManager)} or
+     * {@link #setup(Context, FragmentManager, int)}.
+     */
+    @Override
+    @Deprecated
+    public void setup() {
+        throw new IllegalStateException(
+                "Must call setup() that takes a Context and FragmentManager");
+    }
+
+    public void setup(Context context, FragmentManager manager) {
+        ensureHierarchy(context);  // Ensure views required by super.setup()
+        super.setup();
+        mContext = context;
+        mFragmentManager = manager;
+        ensureContent();
+        setDividerDrawable(mDiciderDrawable);
+    }
+
+    public void setup(Context context, FragmentManager manager, int containerId) {
+        ensureHierarchy(context);  // Ensure views required by super.setup()
+        super.setup();
+        mContext = context;
+        mFragmentManager = manager;
+        mContainerId = containerId;
+        ensureContent();
+        setDividerDrawable(mDiciderDrawable);
+        mRealTabContent.setId(containerId);
+
+        // We must have an ID to be able to save/restore our state.  If
+        // the owner hasn't set one at this point, we will set it ourself.
+        if (getId() == View.NO_ID) {
+            setId(android.R.id.tabhost);
+        }
+    }
+
+    /**
+     * 设置内容ID并初始化
+     * @param contentId 展示内容的Layout ID
+     */
+    public void setContentId(int contentId){
+        FragmentActivity activity = ((FragmentActivity)getContext());
+        setup(activity, activity.getSupportFragmentManager(), contentId);
+    }
+
+    /**
+     * 添加标签内容信息
+     * @param list
+     */
+    public void setTabItemList(List<TabItemInfo> list) {
+        for (TabItemInfo item : list) addTab(item.tag, item.layoutId, item.clss, null);
+    }
+
+    private void ensureContent() {
+        if (mRealTabContent == null) {
+            mRealTabContent = (FrameLayout) findViewById(mContainerId);
+            if (mRealTabContent == null) {
+                throw new IllegalStateException(
+                        "No tab content FrameLayout found for id " + mContainerId);
+            }
+        }
+    }
+
+    @Override
+    public void setOnTabChangedListener(OnTabChangeListener l) {
+        mOnTabChangeListener = l;
+    }
+
+    public void addTab(TabHost.TabSpec tabSpec, Class<?> clss, Bundle args) {
+        tabSpec.setContent(new DummyTabFactory(mContext));
+        String tag = tabSpec.getTag();
+
+        TabInfo info = new TabInfo(tag, clss, args);
+
+        if (mAttached) {
+            // If we are already attached to the window, then check to make
+            // sure this tab's fragment is inactive if it exists.  This shouldn't
+            // normally happen.
+            info.fragment = mFragmentManager.findFragmentByTag(tag);
+            if (info.fragment != null && !info.fragment.isDetached()) {
+                FragmentTransaction ft = mFragmentManager.beginTransaction();
+                ft.detach(info.fragment);
+                ft.commitAllowingStateLoss();
+            }
+        }
+
+        mTabs.add(info);
+        addTab(tabSpec);
+    }
+
+    public void addTab(String tag, int indicator, Class<?> clss, Bundle args) {
+        View indicatorView = LayoutInflater.from(getContext()).inflate(indicator, null, false);
+        TabSpec tabSpec = newTabSpec(tag).setIndicator(indicatorView);
+        addTab(tabSpec, clss, args);
+    }
+
+    @Override
+    protected void onAttachedToWindow() {
+        super.onAttachedToWindow();
+
+        String currentTab = getCurrentTabTag();
+
+        // Go through all tabs and make sure their fragments match
+        // the correct state.
+        FragmentTransaction ft = null;
+        for (int i = 0; i < mTabs.size(); i++) {
+            TabInfo tab = mTabs.get(i);
+            tab.fragment = mFragmentManager.findFragmentByTag(tab.tag);
+            if (tab.fragment != null && !tab.fragment.isDetached()) {
+                if (tab.tag.equals(currentTab)) {
+                    // The fragment for this tab is already there and
+                    // active, and it is what we really want to have
+                    // as the current tab.  Nothing to do.
+                    mLastTab = tab;
+                } else {
+                    // This fragment was restored in the active state,
+                    // but is not the current tab.  Deactivate it.
+                    if (ft == null) {
+                        ft = mFragmentManager.beginTransaction();
+                    }
+                    ft.detach(tab.fragment);
+                }
+            }
+        }
+
+        // We are now ready to go.  Make sure we are switched to the
+        // correct tab.
+        mAttached = true;
+        ft = doTabChanged(currentTab, ft);
+        if (ft != null) {
+            ft.commitAllowingStateLoss();
+            mFragmentManager.executePendingTransactions();
+        }
+    }
+
+    @Override
+    protected void onDetachedFromWindow() {
+        super.onDetachedFromWindow();
+        mAttached = false;
+    }
+
+    @Override
+    protected Parcelable onSaveInstanceState() {
+        Parcelable superState = super.onSaveInstanceState();
+        SavedState ss = new SavedState(superState);
+        ss.curTab = getCurrentTabTag();
+        return ss;
+    }
+
+    @Override
+    protected void onRestoreInstanceState(Parcelable state) {
+        if (!(state instanceof SavedState)) {
+            super.onRestoreInstanceState(state);
+            return;
+        }
+        SavedState ss = (SavedState) state;
+        super.onRestoreInstanceState(ss.getSuperState());
+        setCurrentTabByTag(ss.curTab);
+    }
+
+    @Override
+    public void addTab(TabSpec tabSpec) {
+        super.addTab(tabSpec);
+        mTabSpecs.add(tabSpec);
+    }
+
+    @Override
+    public void clearAllTabs() {
+        super.clearAllTabs();
+        mTabSpecs.clear();
+    }
+
+    @Override
+    public void setCurrentTab(int index) {
+        if (index < 0 || index >= mTabSpecs.size()) {
+            return;
+        }
+
+        if (index == getCurrentTab()) {
+            return;
+        }
+        if (onSetCurrentTabListener != null && onSetCurrentTabListener.onSetCurrentTab(mTabSpecs.get(index).getTag()))
+            return;
+        super.setCurrentTab(index);
+    }
+
+    @Override
+    public void onTabChanged(String tabId) {
+        if (mAttached) {
+            FragmentTransaction ft = doTabChanged(tabId, null);
+            if (ft != null) {
+                ft.commitAllowingStateLoss();
+            }
+        }
+        if (mOnTabChangeListener != null) {
+            mOnTabChangeListener.onTabChanged(tabId);
+        }
+    }
+
+    public void setOnSetCurrentTabListener(@NonNull final FragmentTabHost.OnSetCurrentTabListener onSetCurrentTabListener) {
+        this.onSetCurrentTabListener = onSetCurrentTabListener;
+    }
+
+    public void setDividerDrawable(@Nullable Drawable drawable){
+        getTabWidget().setDividerDrawable(drawable);
+    }
+
+    private FragmentTransaction doTabChanged(String tabId, FragmentTransaction ft) {
+        TabInfo newTab = null;
+        for (int i = 0; i < mTabs.size(); i++) {
+            TabInfo tab = mTabs.get(i);
+            if (tab.tag.equals(tabId)) {
+                newTab = tab;
+            }
+        }
+        if (newTab == null) {
+            throw new IllegalStateException("No tab known for tag " + tabId);
+        }
+        if (mLastTab != newTab) {
+            if (ft == null) {
+                ft = mFragmentManager.beginTransaction();
+            }
+            if (mLastTab != null) {
+                if (mLastTab.fragment != null) {
+                    ft.detach(mLastTab.fragment);
+                }
+            }
+            if (newTab != null) {
+                if (newTab.fragment == null) {
+                    newTab.fragment = Fragment.instantiate(mContext,
+                            newTab.clss.getName(), newTab.args);
+                    ft.add(mContainerId, newTab.fragment, newTab.tag);
+                } else {
+                    ft.attach(newTab.fragment);
+                }
+            }
+
+            mLastTab = newTab;
+        }
+        return ft;
+    }
+}
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Non focused states -->
+    <item android:drawable="@drawable/ic_camera_sel" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_camera" android:state_focused="false" android:state_pressed="false" android:state_selected="true" />
+    <!-- Focused states -->
+    <item android:drawable="@drawable/ic_camera" android:state_focused="true" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_camera" android:state_focused="true" android:state_pressed="false" android:state_selected="true" />
+    <!-- Pressed -->
+    <item android:drawable="@drawable/ic_camera" android:state_pressed="true" android:state_selected="true" />
+    <item android:drawable="@drawable/ic_camera" android:state_pressed="true" />
+
+</selector>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Non focused states -->
+    <item android:drawable="@drawable/ic_home" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_home_sel" android:state_focused="false" android:state_pressed="false" android:state_selected="true" />
+    <!-- Focused states -->
+    <item android:drawable="@drawable/ic_home_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_home_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="true" />
+    <!-- Pressed -->
+    <item android:drawable="@drawable/ic_home_sel" android:state_pressed="true" android:state_selected="true" />
+    <item android:drawable="@drawable/ic_home_sel" android:state_pressed="true" />
+
+</selector>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Non focused states -->
+    <item android:color="#323333" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
+    <item android:color="#EA002A" android:state_focused="false" android:state_pressed="false" android:state_selected="true" />
+    <!-- Focused states -->
+    <item android:color="#EA002A" android:state_focused="true" android:state_pressed="false" android:state_selected="false" />
+    <item android:color="#EA002A" android:state_focused="true" android:state_pressed="false" android:state_selected="true" />
+    <!-- Pressed -->
+    <item android:color="#EA002A" android:state_pressed="true" android:state_selected="true" />
+    <item android:color="#EA002A" android:state_pressed="true" />
+</selector>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Non focused states -->
+    <item android:drawable="@drawable/ic_live_tv" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_live_tv_sel" android:state_focused="false" android:state_pressed="false" android:state_selected="true" />
+    <!-- Focused states -->
+    <item android:drawable="@drawable/ic_live_tv_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_live_tv_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="true" />
+    <!-- Pressed -->
+    <item android:drawable="@drawable/ic_live_tv_sel" android:state_pressed="true" android:state_selected="true" />
+    <item android:drawable="@drawable/ic_live_tv_sel" android:state_pressed="true" />
+
+</selector>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Non focused states -->
+    <item android:drawable="@drawable/ic_person" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_person_sel" android:state_focused="false" android:state_pressed="false" android:state_selected="true" />
+    <!-- Focused states -->
+    <item android:drawable="@drawable/ic_person_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_person_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="true" />
+    <!-- Pressed -->
+    <item android:drawable="@drawable/ic_person_sel" android:state_pressed="true" android:state_selected="true" />
+    <item android:drawable="@drawable/ic_person_sel" android:state_pressed="true" />
+
+</selector>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Non focused states -->
+    <item android:drawable="@drawable/ic_videocam" android:state_focused="false" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_videocam_sel" android:state_focused="false" android:state_pressed="false" android:state_selected="true" />
+    <!-- Focused states -->
+    <item android:drawable="@drawable/ic_videocam_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_videocam_sel" android:state_focused="true" android:state_pressed="false" android:state_selected="true" />
+    <!-- Pressed -->
+    <item android:drawable="@drawable/ic_videocam_sel" android:state_pressed="true" android:state_selected="true" />
+    <item android:drawable="@drawable/ic_videocam_sel" android:state_pressed="true" />
+
+</selector>
 \ No newline at end of file
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout 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="com.cnlive.gundam.MainActivity">
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
  
+    <data>
  
-</android.support.constraint.ConstraintLayout>
+        <variable
+            name="onSetCurrentTabListener"
+            type="com.cnlive.gundam.main.ui.widget.FragmentTabHost.OnSetCurrentTabListener" />
+        <variable
+            name="contentId"
+            type="int"/>
+        <variable
+            name="tabItemInfoList"
+            type="java.util.List&lt;com.cnlive.gundam.main.ui.widget.FragmentTabHost.TabItemInfo>"/>
+    </data>
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:orientation="vertical">
+
+        <FrameLayout
+            android:id="@+id/realtabcontent"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_marginBottom="54dp" />
+
+        <com.cnlive.gundam.main.ui.widget.FragmentTabHost
+            android:id="@+id/tabhost"
+            android:layout_width="match_parent"
+            android:layout_height="70dp"
+            android:layout_alignParentBottom="true"
+            android:background="@drawable/tab_bar_bg"
+            app:dividerDrawable="@null"
+            app:onSetCurrentTabListener="@{onSetCurrentTabListener}"
+            app:contentId="@{contentId}"
+            app:tabItemList="@{tabItemInfoList}">
+
+            <FrameLayout
+                android:id="@android:id/tabcontent"
+                android:layout_width="0dip"
+                android:layout_height="0dip"
+                android:layout_weight="0" />
+        </com.cnlive.gundam.main.ui.widget.FragmentTabHost>
+
+    </RelativeLayout>
+</layout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="64dp">
+
+    <ImageView
+        android:id="@+id/tabImg"
+        android:layout_width="32dp"
+        android:layout_height="32dp"
+        android:layout_above="@+id/tabText"
+        android:layout_centerHorizontal="true"
+        android:contentDescription="@null"
+        android:src="@drawable/tab_home_selector" />
+
+    <TextView
+        android:id="@+id/tabText"
+        android:layout_width="wrap_content"
+        android:layout_height="16dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerHorizontal="true"
+        android:layout_marginBottom="4dp"
+        android:focusable="true"
+        android:gravity="center_vertical"
+        android:text="@string/main_tab_home"
+        android:textColor="@drawable/tab_item_text"
+        android:textSize="12sp" />
+</RelativeLayout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="64dp">
+
+    <ImageView
+        android:id="@+id/tabImg"
+        android:layout_width="32dp"
+        android:layout_height="32dp"
+        android:layout_above="@+id/tabText"
+        android:layout_centerHorizontal="true"
+        android:contentDescription="@null"
+        android:src="@drawable/tab_videocam_selector" />
+
+    <TextView
+        android:id="@+id/tabText"
+        android:layout_width="wrap_content"
+        android:layout_height="16dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerHorizontal="true"
+        android:layout_marginBottom="4dp"
+        android:focusable="true"
+        android:gravity="center_vertical"
+        android:text="@string/main_tab_live"
+        android:textColor="@drawable/tab_item_text"
+        android:textSize="12sp" />
+</RelativeLayout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="64dp">
+
+    <ImageView
+        android:id="@+id/tabImg"
+        android:layout_width="32dp"
+        android:layout_height="32dp"
+        android:layout_above="@+id/tabText"
+        android:layout_centerHorizontal="true"
+        android:contentDescription="@null"
+        android:src="@drawable/tab_live_tv_selector" />
+
+    <TextView
+        android:id="@+id/tabText"
+        android:layout_width="wrap_content"
+        android:layout_height="16dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerHorizontal="true"
+        android:layout_marginBottom="4dp"
+        android:focusable="true"
+        android:gravity="center_vertical"
+        android:text="@string/main_tab_live_tv"
+        android:textColor="@drawable/tab_item_text"
+        android:textSize="12sp" />
+</RelativeLayout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="64dp">
+
+    <ImageView
+        android:id="@+id/tabImg"
+        android:layout_width="32dp"
+        android:layout_height="32dp"
+        android:layout_above="@+id/tabText"
+        android:layout_centerHorizontal="true"
+        android:contentDescription="@null"
+        android:src="@drawable/tab_person_selector" />
+
+    <TextView
+        android:id="@+id/tabText"
+        android:layout_width="wrap_content"
+        android:layout_height="16dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerHorizontal="true"
+        android:layout_marginBottom="4dp"
+        android:focusable="true"
+        android:gravity="center_vertical"
+        android:text="@string/main_tab_mine"
+        android:textColor="@drawable/tab_item_text"
+        android:textSize="12sp" />
+</RelativeLayout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="64dp">
+
+    <ImageView
+        android:id="@+id/tabImg"
+        android:layout_width="64dp"
+        android:layout_height="64dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerHorizontal="true"
+        android:contentDescription="@null"
+        android:src="@drawable/tab_camera_selector" />
+</RelativeLayout>
 \ No newline at end of file
 <resources>
     <string name="app_name">CNLiveApp</string>
+
+    <string name="main_tab_home">首页</string>
+    <string name="main_tab_live_tv">电视台</string>
+    <string name="main_tab_live">直播</string>
+    <string name="main_tab_mine">我的</string>
 </resources>
@@ -8,4 +8,7 @@
         <item name="colorAccent">@color/colorAccent</item>
     </style>
  
+    <declare-styleable name="FragmentTabHost">
+        <attr name="dividerDrawable" format="reference" />
+    </declare-styleable>
 </resources>