新闻类客户端第二天——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;
}

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