导航栏实现

'

接下来就是布局了。activity_main

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.example.matianye.projecttwo81.MainActivity">    <RadioGroup        android:id="@+id/radioGroup"        android:layout_width="match_parent"        android:layout_height="75dp"        android:layout_alignParentBottom="true"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"        android:orientation="horizontal"        tools:layout_editor_absoluteX="8dp"        tools:layout_editor_absoluteY="457dp">        <RadioButton            android:id="@+id/monight"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:drawableTop="@drawable/monight_select"            android:layout_weight="1"            android:button="@null"            android:checked="true"            android:gravity="center"            android:padding="15dp"            android:text="月光恋人" />        <RadioButton            android:id="@+id/onsale"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:drawableTop="@drawable/onsale_select"            android:layout_weight="1"            android:button="@null"            android:gravity="center"            android:padding="15dp"            android:text="优惠" />        <RadioButton            android:id="@+id/shoppingcar"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:button="@null"            android:gravity="center"            android:padding="15dp"            android:drawableTop="@drawable/shoppingcar_selcet"            android:text="购物车" />        <RadioButton            android:id="@+id/myself"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:drawableTop="@drawable/myself_select"            android:layout_weight="1"            android:button="@null"            android:gravity="center"            android:padding="15dp"            android:text="我的" />    </RadioGroup><FrameLayout    android:id="@+id/fragment"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_above="@+id/radioGroup"></FrameLayout></RelativeLayout>

其他的布局内容需要显示的是什么内容，你就写什么内容，这个不再写了。

现在是class类

public class MainActivity extends AppCompatActivity implements View.OnClickListener {    private RadioButton r1, r2, r3, r4;    private ViewPager mViewPager;    private MoNightFragment mMoNightFragment;    private OnSaleFragment mOnSaleFragment;    private ShoppingCarFragment mShoppingCarFragment;    private MySelfFragment mMySelfFragment;    private Fragment fragment;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initView();    }    private void initView() {        r1 = (RadioButton) findViewById(R.id.monight);        r2 = (RadioButton) findViewById(R.id.onsale);        r3 = (RadioButton) findViewById(R.id.shoppingcar);        r4 = (RadioButton) findViewById(R.id.myself);        r1.setOnClickListener(this);        r2.setOnClickListener(this);        r3.setOnClickListener(this);        r4.setOnClickListener(this);        mMoNightFragment = new MoNightFragment();        mOnSaleFragment = new OnSaleFragment();        mShoppingCarFragment = new ShoppingCarFragment();        mMySelfFragment = new MySelfFragment();        getSupportFragmentManager()                .beginTransaction()                .replace(R.id.fragment, mMoNightFragment).commit();    }    @Override    public void onClick(View view) {        switch (view.getId()) {            case R.id.monight:                getSupportFragmentManager()                        .beginTransaction()                        .replace(R.id.fragment, mMoNightFragment).commit();                break;            case R.id.onsale:                getSupportFragmentManager()                        .beginTransaction()                        .replace(R.id.fragment, mOnSaleFragment).commit();                break;            case R.id.shoppingcar:                getSupportFragmentManager()                        .beginTransaction()                        .replace(R.id.fragment, mShoppingCarFragment).commit();                break;            case R.id.myself:                getSupportFragmentManager()                        .beginTransaction()                        .replace(R.id.fragment, mMySelfFragment).commit();                break;        }    }}

其他的fragment也不再写了，获取相对应的fragment布局就可以了。