Android底部导航栏实现

View view = inflater.inflate(R.layout.tab1, container, false);

return view;

}

}

class pageFragment2 extends Fragment {

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.tab2, container, false);

TextView txt = (TextView) view.findViewById(R.id.txt2);

txt.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Log.d(“dd”,“dddd”);

Toast.makeText(getActivity(), “当前页面：2”, Toast.LENGTH_SHORT).show();

}

});

return view;

}

}

public class pageFragment3 extends Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.tab3, container, false);

return view;

}

}

public class pageFragment4 extends Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.tab4, container, false);

return view;

}

}

布局文件：

activity_main.xml

<LinearLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

android:orientation=“vertical”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<FrameLayout

android:id=“@+id/id_content”

android:layout_width=“match_parent”

android:layout_height=“0dp”

android:layout_weight=“1”>

底部导航栏布局：

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“55dp”

android:gravity=“center”

android:orientation=“horizontal”>

<LinearLayout

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:id=“@+id/id_tab1”

android:gravity=“center”

android:orientation=“vertical”>

<ImageButton

android:id=“@+id/id_tab_img1”

android:clickable=“false”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:src=“@mipmap/icon1”

android:background=“#00000000”/>

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“#A6A6A6”

android:text=“页面1”/>

<LinearLayout

android:id=“@+id/id_tab2”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:orientation=“vertical”>

<ImageButton

android:id=“@+id/id_tab_img2”

android:clickable=“false”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:src=“@mipmap/icon2”

android:background=“#00000000”/>

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“#A6A6A6”

android:text=“页面2”/>

<LinearLayout

android:id=“@+id/id_tab3”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:orientation=“vertical”>

<ImageButton

android:id=“@+id/id_tab_img3”

android:clickable=“false”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:src=“@mipmap/icon2”

android:background=“#00000000”/>

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“#A6A6A6”

android:text=“页面3”/>

<LinearLayout

android:id=“@+id/id_tab4”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:gravity=“center”

android:orientation=“vertical”>

<ImageButton

android:id=“@+id/id_tab_img4”

android:clickable=“false”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:src=“@mipmap/icon2”

android:background=“#00000000”/>

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“#A6A6A6”

android:text=“页面4”/>

Fragment对应布局

四个都一样：