android-UI-切换fragment导航条---网易云探索(1)

今天查看了网易云音乐播放器的界面，想着如何实现的。现在尝试模仿一下。

参考文章:Fragment实例精讲——底部导航栏的实现

导航条实现

HorizontalScrollView+RadioButton
HorizontalScrollView是为了多个选项的设置，防止超出屏幕可以滚动。

activity.xml

<HorizontalScrollView        android:id="@+id/huadong"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:gravity="center"        android:scrollbars="none">        <RadioGroup            android:id="@+id/rg_tab_bar"            android:layout_width="match_parent"            android:layout_height="56dp"            android:layout_alignParentBottom="true"            android:background="#cccccc"            android:orientation="horizontal">            <RadioButton                android:id="@+id/rb_channel"                style="@style/tab_menu_item"                android:background="#ff0000"                android:text="tab1" />            <RadioButton                android:id="@+id/rb_message"                style="@style/tab_menu_item"                android:background="#0000dd"                android:text="tab2" />            <RadioButton                android:id="@+id/rb_better"                style="@style/tab_menu_item"                android:background="#00ff00"                android:text="tab3" />            <RadioButton                android:id="@+id/rb_setting"                style="@style/tab_menu_item"                android:background="#ccff00"                android:text="tab4" />        </RadioGroup>    </HorizontalScrollView>

Fragment设置

发现原来参考文章有错误。

public MyFragment(String content) {        this.content = content;    }

是错误的:不能使用重载传参
使用fragment注意事项：
1. fragment一定要有一个无参构造函数
2. 如果要给fragment传参，一定要使用Bundle方式传参，而不重载构造函数传参，因为在fragment重新生成的使用不会执行这个带参构造函数，而是执行无参构造函数。

所以应该这样传参:
Activity.class

fg4 = new MyFragment();                    Bundle args = new Bundle();                    args.putString("userId", "第四个Fragment");                    fg4.setArguments(args);                    fTransaction.add(R.id.ly_content,fg4);

Fragment.class

@Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fg_content, container, false);        TextView txt_content = (TextView) view.findViewById(R.id.txt_content);        Bundle args = getArguments();        if (args != null) {            userId = args.getString("userId");        }        txt_content.setText(userId);        return view;    }

继续添加Fragment

<FrameLayout        android:id="@+id/ly_content"        android:layout_width="match_parent"        android:layout_height="match_parent" ></FrameLayout>