Android 中使用RadioGroup和Fragment實現(xiàn)底部導(dǎo)航欄的功能
更新時間：2021年06月09日 11:51:35 作者：路宇_
這篇文章主要介紹了Android 中使用RadioGroup+Fragment實現(xiàn)底部導(dǎo)航欄的功能,整體文章大概分為兩部分介紹，通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下
在一些購物商城中經(jīng)常會遇到這類效果，效果圖如下：
先看效果圖
步驟一：
完成對主界面main.xml的創(chuàng)建：
<?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=".MainActivity">
<FrameLayout
android:id="@+id/fragment_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentTop="true"
/>
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rg_group"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
>
<RadioButton
android:id="@+id/rb_home"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:button="@null"
style="@style/fragment"
android:drawableTop="@drawable/rb_home_selector"
android:text="首頁"
/>
<RadioButton
android:id="@+id/rb_discover"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:button="@null"
style="@style/fragment"
android:drawableTop="@drawable/rb_discover_selector"
android:text="熱賣"
/>
<RadioButton
android:id="@+id/rb_cart"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:button="@null"
style="@style/fragment"
android:drawableTop="@drawable/rb_cart_selector"
android:text="購物車"
/>
<RadioButton
android:id="@+id/rb_user"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:button="@null"
style="@style/fragment"
android:drawableTop="@drawable/rb_user_selector"
android:text="我的"
/>
</RadioGroup>
</RelativeLayout>
radioButton中重復(fù)使用的樣式：被抽取出來在style中寫出
<style name="fragment">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">match_parent</item>
<item name="android:padding">5dp</item>
<item name="android:gravity">center</item>
<item name="android:textColor">@drawable/rb_text_color</item>
<item name="android:textSize">16sp</item>
<item name="android:textStyle">normal</item>
</style>
點擊RadioButton之后，導(dǎo)航欄文字顏色發(fā)生改變，聲明在drawable中
名字為：rb_text_color代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:color="#FF0000"/>
<item android:color="#808080"/>
</selector>
導(dǎo)航欄圖標發(fā)生變化這里只寫其中一個其他三個都基本一樣：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/icon_cartfill_press" android:state_selected="true" />
<item android:drawable="@drawable/icon_cart" />
</selector>
完成這些基本步驟之后，接下來就需要寫Fragment的布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<TextView
android:id="@+id/tv_cart"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="購物車"
android:textSize="30sp" />
</LinearLayout>
寫出其中一個另外三個類似。
之后后臺代碼中創(chuàng)建Fragment,這里也寫其中一個：CartFragment
package com.example.fragmentdemo;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
public class CartFragment extends Fragment {
private View view;
private TextView tv_home;
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
if (view==null){
view = inflater.inflate(R.layout.cart_fragment,container,false);
}
return view;
}
}
步驟二：在MainActivity中，完成對fragment的切換功能
具體注釋已在代碼中給出。
package com.example.fragmentdemo;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import java.time.LocalDate;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {
private RadioButton rb_home,rb_discover,rb_cart,rb_user;
private RadioGroup rg_group;
private List<Fragment> fragments;
private int position=0;
private static final String TAG = "MainActivity";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
rb_home=findViewById(R.id.rb_home);
rb_discover=findViewById(R.id.rb_discover);
rb_cart=findViewById(R.id.rb_cart);
rb_user=findViewById(R.id.rb_user);
rg_group=findViewById(R.id.rg_group);
//默認選中第一個
rb_home.setSelected(true);
rg_group.setOnCheckedChangeListener(this);
//初始化fragment
initFragment();
//默認布局，選第一個
defaultFragment();
}
private void defaultFragment() {
FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.replace(R.id.fragment_layout,fragments.get(0));
transaction.commit();
}
private void setSelected() {
rb_home.setSelected(false);
rb_discover.setSelected(false);
rb_cart.setSelected(false);
rb_user.setSelected(false);
}
private void initFragment() {
fragments = new ArrayList<>();
fragments.add(0,new HomeFragment());
fragments.add(1,new DiscoverFragment());
fragments.add(2,new CartFragment());
fragments.add(3,new UserFragment());
}
@Override
public void onCheckedChanged(RadioGroup group, int i) {
//獲取fragment管理類對象
FragmentManager fragmentManager = getSupportFragmentManager();
//拿到fragmentManager的觸發(fā)器
FragmentTransaction transaction = fragmentManager.beginTransaction();
switch (i){
case R.id.rb_home:
position=0;
//調(diào)用replace方法，將fragment,替換到fragment_layout這個id所在UI，或者這個控件上面來
//這是創(chuàng)建replace這個事件，如果想要這個事件執(zhí)行，需要把這個事件提交給觸發(fā)器
//用commit()方法
transaction.replace(R.id.fragment_layout,fragments.get(0));
//將所有導(dǎo)航欄設(shè)成默認色
setSelected();
rb_home.setSelected(true);
break;
case R.id.rb_discover:
position=1;
transaction.replace(R.id.fragment_layout,fragments.get(1));
//將所有導(dǎo)航欄設(shè)成默認色
setSelected();
rb_discover.setSelected(true);
break;
case R.id.rb_cart:
position=2;
transaction.replace(R.id.fragment_layout,fragments.get(2));
//將所有導(dǎo)航欄設(shè)成默認色
setSelected();
rb_cart.setSelected(true);
break;
case R.id.rb_user:
position=3;
transaction.replace(R.id.fragment_layout,fragments.get(3));
//將所有導(dǎo)航欄設(shè)成默認色
setSelected();
rb_user.setSelected(true);
break;
}
//事件的提交
transaction.commit();
}
}
這樣就完成了一個簡單的底部導(dǎo)航欄功能，這個只能通過點擊切換fragment，不能通過左右滑動去切換fragment。
以上就是Android 中使用RadioGroup+Fragment實現(xiàn)底部導(dǎo)航欄的功能的詳細內(nèi)容，更多關(guān)于android 底部導(dǎo)航欄的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Android屏幕旋轉(zhuǎn)之橫屏豎屏切換的實現(xiàn)
這篇文章主要介紹了Android屏幕旋轉(zhuǎn)之橫屏豎屏切換的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了Android與H5互調(diào)詳細介紹的相關(guān)資料,需要的朋友可以參考下2017-04-04
本篇文章是對Android的加密解密字符串進行了詳細的分析介紹，需要的朋友參考下2013-06-06
Flutter?繪制風(fēng)車實現(xiàn)示例詳解
這篇文章主要為大家介紹了Flutter?繪制風(fēng)車實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章給大家簡單介紹了Android中視圖動畫的基本屬性以及使用示例，對大家的學(xué)習(xí)有一定的參考價值，有需要的朋友們下面來一起看看吧。2016-09-09
這篇文章主要為大家詳細介紹了Flutter?GridView顯示隨機單詞效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
本文主要對RecyclerView的使用進行了詳細介紹，文章結(jié)尾附上源碼下載，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
lambda 本質(zhì)上是可以傳遞給函數(shù)的一小段代碼，Kotlin 與 Java 中的 Lambda 有一定的區(qū)別，除了對 lambda 的全面支持外，還有內(nèi)聯(lián)函數(shù)等簡潔高效的特性。下面我們來仔細看一下2022-12-12
Android打包篇:Android Studio將代碼打包成jar包教程
這篇文章主要介紹了Android打包篇:Android Studio將代碼打包成jar包教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
這篇文章主要介紹了Android開發(fā)中Intent傳遞對象的方法,結(jié)合實例分析了Intent傳遞對象所涉及的具體方法、實現(xiàn)步驟與相關(guān)注意事項,需要的朋友可以參考下2016-02-02