新闻类客户端第二天——fragment搭建基本UI

一.创建两个fragment
1.首先建一个工厂类BaseFragment

public abstract class BaseFagment extends Fragment {
    public Activity mActivity;//这个activity就是MainActivity

    // Fragment创建
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mActivity = getActivity();// 获取当前fragment所依赖的activity
    }

    // 初始化fragment的布局
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = initView();
        return view;
    }

    // fragment所依赖的activity的onCreate方法执行结束
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        // 初始化数据
        initData();
    }

    // 初始化布局, 必须由子类实现
    public abstract View initView();

    // 初始化数据, 必须由子类实现
    public abstract void initData();

2.创建fragment_left_menu（left_menu和activity_main布局用framelayout）
布局：……..
逻辑：
`public class LeftMenuFragment extends BaseFagment {
@Override
public View initView() {
View view = View.inflate(mActivity, R.layout.fragment_left_menu, null);
return view;
}

@Override
public void initData() {

}

}`
3.创建fragment_content
布局：……
逻辑：…….
4.主页面处理

/**
     * 初始化fragment
     */
    private void initFragment() {
        FragmentManager fm = getSupportFragmentManager();
        FragmentTransaction transaction = fm.beginTransaction();// 开始事务
        transaction.replace(R.id.fl_left_menu, new LeftMenuFragment(), TAG_LEFT_MENU);// 用fragment替换帧布局;参1:帧布局容器的id;参2:是要替换的fragment;参3:标记
        transaction.replace(R.id.fl_main, new ContentFragment(), TAG_CONTENT);
        transaction.commit();// 提交事务
        // Fragment fragment =
        // fm.findFragmentByTag(TAG_LEFT_MENU);//根据标记找到对应的fragment
    }
}

二.底部导航栏
主页面由viewpager和radiogroup，radiobutton构成
新闻主页面开发：
布局

<RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bottom_tab_bg"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/rb_home"
            style="@style/Bottom_Tab_Style"
            android:drawableTop="@drawable/tab_home_selector"
            android:checked="true"
            android:text="首页" />

        <RadioButton
            android:id="@+id/rb_news"
            style="@style/Bottom_Tab_Style"
            android:drawableTop="@drawable/tab_video_selector"//选中变红
            android:text="视频" />

        <RadioButton
            android:id="@+id/rb_smart"
            style="@style/Bottom_Tab_Style"
            android:drawableTop="@drawable/tab_care_selector"
            android:text="关注" />

        <RadioButton
            android:id="@+id/rb_gov"
            style="@style/Bottom_Tab_Style"
            android:drawableTop="@drawable/tab_mine_selector"
            android:text="登录" />



    </RadioGroup>

radiobutton中相同属性定义在style.xml中

 <style name="Bottom_Tab_Style">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:background">@android:color/transparent</item>
        <item name="android:button">@null</item>

        <item name="android:padding">8dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:textColor">@drawable/txt_tab_selector</item>
        <item name="android:gravity">center</item>
    </style>

点击按钮变红：（创建xml文件）

图片变红
    <item android:drawable="@drawable/b_newdiscover_tabbar_press" android:state_checked="true"/>
    <item android:drawable="@drawable/b_newdiscover_tabbar"/>

字变红

<item android:color="#000" android:state_checked="true"/>
<item android:color="#fff"/>

一开始就进入首页

 android:checked="true"