Android 项目必备（十二）--＞ APP 底部导航栏最佳实践

已于 2022-09-26 16:34:24 修改
阅读量2.9k 收藏 27
点赞数 2
分类专栏： Android -- 项目必备 文章标签： android开发 底部导航栏
于 2016-12-23 17:13:30 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/duoduo_11011/article/details/53841942
版权

在这里插入图片描述

文章目录

简介

当开始一个新项目的时候，有一个很重要的步骤就是确定我们的 APP 首页框架，也就是用户从桌面点击 APP 图标，进入 APP 首页的时候展示给用户的框架，比如微信，展示了有四个 Tab ，分别对应不同的板块（微信、通讯录、发现、我），现在市面出了少部分的 Material Design 风格的除外，大部分都是这样的一个框架，称之为底部导航栏。
在这里插入图片描述

TabLayout + Fragment

1. 效果图

在这里插入图片描述

2. 布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".TabLayoutActivity">

    <FrameLayout
        android:id="@+id/home_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <View android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:alpha="0.6"
        android:background="@android:color/darker_gray"/>

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/bottom_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:tabIndicatorHeight="0dp"
        app:tabSelectedTextColor="@android:color/black"
        app:tabTextColor="@android:color/darker_gray"/>


</LinearLayout>
3. 代码
public class TabLayoutActivity extends AppCompatActivity {
    @BindView(R.id.bottom_tab_layout)
    TabLayout mTabLayout;

    private Fragment[]mFragmensts;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tab_layout);
        ButterKnife.bind(this);
        mFragmensts = DataGenerator.getFragments("TabLayout Tab");

        initView();
    }

    private void initView() {
        mTabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                onTabItemSelected(tab.getPosition());

                for (int i=0;i<mTabLayout.getTabCount();i++){
                    View view = mTabLayout.getTabAt(i).getCustomView();
                    ImageView icon = (ImageView) view.findViewById(R.id.tab_content_image);
                    TextView text = (TextView) view.findViewById(R.id.tab_content_text);
                    if(i == tab.getPosition()){
                        icon.setImageResource(DataGenerator.mTabResPressed[i]);
                        text.setTextColor(getResources().getColor(android.R.color.black));
                    }else{
                        icon.setImageResource(DataGenerator.mTabRes[i]);
                        text.setTextColor(getResources().getColor(android.R.color.darker_gray));
                    }
                }


            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });

        for(int i=0;i<4;i++){
            mTabLayout.addTab(mTabLayout.newTab().setCustomView(DataGenerator.getTabView(this,i)));
        }
    }

    private void onTabItemSelected(int position){
        Fragment fragment = null;
        switch (position){
            case 0:
                fragment = mFragmensts[0];
                break;
            case 1:
                fragment = mFragmensts[1];
                break;

            case 2:
                fragment = mFragmensts[2];
                break;
            case 3:
                fragment = mFragmensts[3];
                break;
        }
        if(fragment!=null) {
            getSupportFragmentManager().beginTransaction().replace(R.id.home_container,fragment).commit();
        }
    }
}

推荐阅读 【Kevin Learn Android】–＞TabLayout

BottomNavigationView + Fragment

1. 效果图

在这里插入图片描述

2. 布局文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <FrameLayout
        android:id="@+id/fl_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottomNavigationView" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:layout_alignParentBottom="true"
        app:itemTextColor="@drawable/bottom_navigation_item_selector"
        app:menu="@menu/main_bottom_navigation" />

</RelativeLayout>
3. main_bottom_navigation.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/menu_message"
        android:enabled="true"
        android:icon="@drawable/sel_home"
        android:title="首页"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/menu_contacts"
        android:enabled="true"
        android:icon="@drawable/sel_mine"
        android:title="我的"
        app:showAsAction="ifRoom" />
</menu>
4. 代码
public class MainActivity extends BaseActivity {
    private HomeFragment mHomeFragment = HomeFragmentFactory.getInstance().getHomeFragment();
    private MineFragment mMineFragment = HomeFragmentFactory.getInstance().getMineFragment();

    private List<Fragment> mFragments = new ArrayList<>();

    @BindView(R.id.bottomNavigationView)
    BottomNavigationView mNavigationView;

    @Override
    public int getLayoutId() {
        return R.layout.activity_main;
    }

    @Override
    public void initView() {
        mFragments.add(mHomeFragment);
        mFragments.add(mMineFragment);

        mNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switchFragment(item.getItemId());
                return true;
            }
        });

        switchFragment(R.id.menu_message);
    }

    /**
     * 切换fragment
     *
     * @param id
     * @return
     */
    private void switchFragment(int id) {
        Fragment fragment = null;
        switch (id) {
            case R.id.menu_message:
                fragment = mFragments.get(0);
                break;

            case R.id.menu_contacts:
                fragment = mFragments.get(1);
                break;

            default:
                break;
        }
        if (fragment != null) {
            getSupportFragmentManager().beginTransaction().replace(R.id.fl_content,fragment).commit();
        }
    }


}

推荐阅读：【Kevin Learn Android】–＞BottomNavigationView

RadioGroup + ViewPager2 + Fragment

1. 效果图
在这里插入图片描述
2. 布局文件
style.xml

	<style name="Custom" />

    <style name="Custom.TabRadioButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:padding">5dp</item>
        <item name="android:gravity">center</item>
        <item name="android:button">@null</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textColor">@color/black</item>
    </style>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".TabLayoutActivity">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/vp_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <View android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:alpha="0.6"
        android:background="@android:color/darker_gray"/>

    <RadioGroup
        android:id="@+id/rg_tabs"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:background="#dcdcdc"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/tab_home"
            style="@style/Custom.TabRadioButton"
            android:checked="true"
            android:drawableTop="@drawable/tab_home_selector"
            android:text="首页" />

        <RadioButton
            android:id="@+id/tab_discover"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/tab_discovery_selector"
            android:text="发现" />

        <RadioButton
            android:id="@+id/tab_attention"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/tab_attention_selector"
            android:text="关注" />

        <RadioButton
            android:id="@+id/tab_profile"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/tab_profile_selector"
            android:text="我的" />

    </RadioGroup>
</LinearLayout>

3. MyPagerAdapter.java

public class MyPagerAdapter extends FragmentStateAdapter {
    private List<Class> fragments;

    public MyPagerAdapter(FragmentActivity fragmentActivity) {
        super(fragmentActivity);
        if (fragments == null) {
            fragments = new ArrayList<>();
        }
    }

    public void addFragment(Fragment fragment) {
        if (fragments != null) {
            fragments.add(fragment.getClass());
        }
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        try {
            return (Fragment) fragments.get(position).newInstance();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InstantiationException e) {
            e.printStackTrace();
        }
        return null;
    }

    @Override
    public int getItemCount() {
        return fragments == null ? 0 : fragments.size();
    }
}

4. TabLayoutActivity.java

public class TabLayoutActivity extends AppCompatActivity {
    @BindView(R.id.rg_tabs)
    RadioGroup mRadioGroup;

    @BindView(R.id.vp_container)
    ViewPager2 mViewPager2;

    @BindView(R.id.tab_home)
    RadioButton mRadioHome;

    @BindView(R.id.tab_discover)
    RadioButton mRadioDiscover;

    @BindView(R.id.tab_attention)
    RadioButton mRadioAttention;

    @BindView(R.id.tab_profile)
    RadioButton mRadioProfile;

    private MyPagerAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tab_layout);
        ButterKnife.bind(this);
        initView();
    }

    private void initView() {
        mViewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
            @Override
            public void onPageSelected(int position) {
                super.onPageSelected(position);
                switch (position) {
                    case 0:
                        mRadioHome.setChecked(true);
                        break;

                    case 1:
                        mRadioDiscover.setChecked(true);
                        break;

                    case 2:
                        mRadioAttention.setChecked(true);
                        break;

                    case 3:
                        mRadioProfile.setChecked(true);
                        break;

                    default:
                        break;
                }
            }
        });

        mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int checkId) {
                switch (checkId) {
                    case R.id.tab_home:
                        mViewPager2.setCurrentItem(0);
                        break;

                    case R.id.tab_discover:
                        mViewPager2.setCurrentItem(1);
                        break;

                    case R.id.tab_attention:
                        mViewPager2.setCurrentItem(2);
                        break;

                    case R.id.tab_profile:
                        mViewPager2.setCurrentItem(3);
                        break;

                    default:
                        break;
                }
            }
        });
        mAdapter = new MyPagerAdapter(this);
        mViewPager2.setAdapter(mAdapter);
        mAdapter.addFragment(new HomeFragment());
        mAdapter.addFragment(new DiscoveryFragment());
        mAdapter.addFragment(new AttentionFragment());
        mAdapter.addFragment(new ProfileFragment());
        mViewPager2.setCurrentItem(0);
    }
}

带页面跳转功能的底部导航

1. 效果图
在这里插入图片描述

2. 布局文件

<?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=".TabLayoutActivity">

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/rg_tabs" />

    <RadioGroup
        android:id="@+id/rg_tabs"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:background="#dcdcdc"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/tab_home"
            style="@style/Custom.TabRadioButton"
            android:checked="true"
            android:drawableTop="@drawable/tab_home_selector"
            android:text="首页" />

        <RadioButton
            android:id="@+id/tab_discover"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/tab_discovery_selector"
            android:text="发现" />

        <View style="@style/Custom.TabRadioButton" />

        <RadioButton
            android:id="@+id/tab_attention"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/tab_attention_selector"
            android:text="关注" />

        <RadioButton
            android:id="@+id/tab_profile"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/tab_profile_selector"
            android:text="我的" />

    </RadioGroup>

    <ImageView
        android:id="@+id/sign_iv"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="@android:color/transparent"
        android:src="@mipmap/ic_add" />
</RelativeLayout>

3. 代码

public class TabLayoutActivity extends AppCompatActivity {
    @BindView(R.id.rg_tabs)
    RadioGroup mRadioGroup;

    @BindView(R.id.tab_home)
    RadioButton mRadioHome;

    @BindView(R.id.tab_discover)
    RadioButton mRadioDiscover;

    @BindView(R.id.tab_attention)
    RadioButton mRadioAttention;

    @BindView(R.id.tab_profile)
    RadioButton mRadioProfile;

    private List<Fragment> mFragmensts;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tab_layout);
        ButterKnife.bind(this);
        mFragmensts = DataGenerator.getFragments("TabLayout Tab");
        initView();
    }

    private void initView() {
        onTabItemSelected(0);
        mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int checkId) {
                switch (checkId) {
                    case R.id.tab_home:
                        onTabItemSelected(0);
                        break;

                    case R.id.tab_discover:
                        onTabItemSelected(1);
                        break;

                    case R.id.tab_attention:
                        onTabItemSelected(2);
                        break;

                    case R.id.tab_profile:
                        onTabItemSelected(3);
                        break;

                    default:
                        break;
                }
            }
        });
    }

    private void onTabItemSelected(int position){
        Fragment fragment = null;
        switch (position){
            case 0:
                fragment = mFragmensts.get(0);
                break;
            case 1:
                fragment = mFragmensts.get(1);
                break;

            case 2:
                fragment = mFragmensts.get(2);
                break;
            case 3:
                fragment = mFragmensts.get(3);
                break;
        }
        if(fragment!=null) {
            getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container,fragment).commit();
        }
    }


}

PagerBottomTabStrip

BottomNavigation + Fragment

1. 效果图
效果图

2. 在 app/build.gradle 中添加：
implementation 'com.ashokvarma.android:bottom-navigation-bar:2.1.0'

3. 布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:orientation="vertical"
    tools:context=".ui.BottomNavigationActivity">

    <include
        android:id="@+id/include4"
        layout="@layout/layout_toolbar"/>

    <FrameLayout
        android:id="@+id/fl_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toTopOf="@+id/bottom_navigation_bar"
        app:layout_constraintTop_toBottomOf="@+id/include4" />

    <com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/bottom_navigation_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

4. 代码

public class BottomNavigationActivity extends BaseActivity implements BottomNavigationBar.OnTabSelectedListener {
    @BindView(R.id.bottom_navigation_bar)
    BottomNavigationBar mNavigationBar;

    private InviteFragment mInviteFragment = HomeFragmentFactory.getInstance().getInviteFragment();
    private ActivityFragment mActivityFragment = HomeFragmentFactory.getInstance().getActivityFragment();
    private FoundFragment mFoundFragment = HomeFragmentFactory.getInstance().getFoundFragment();
    private MineFragment mMineFragment = HomeFragmentFactory.getInstance().getMineFragment();

    private Fragment currentFragment = new Fragment();
//    private TextBadgeItem mBadgeItem;
    private FragmentManager fm;


    @Override
    protected int getLayoutId() {
        return R.layout.activity_bottom_navigation;
    }

    @Override
    protected void setToolbar() {

    }

    @Override
    protected void initView() {
        setNavTitle(R.string.bottom_navigation);

        fm = getSupportFragmentManager();

        initBottomBar();

    }

    private void initBottomBar() {

        /**
         * 导航基础设置 包括按钮选中效果 导航栏背景色等
         */
        mNavigationBar.setTabSelectedListener(this)
                .setMode(BottomNavigationBar.MODE_FIXED)
                .setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC)
                .setActiveColor("#F5DF3E")//选中颜色
                .setInActiveColor("#000000")//未选中颜色
                .setBarBackgroundColor("#ffffff");//导航栏背景色
//        mBadgeItem = new TextBadgeItem()
//                .setBorderWidth(2)//Badge的Border(边界)宽度
//                .setBorderColor(Color.BLUE)//Badge的Border颜色
//                .setBackgroundColor(Color.RED)
//                .setTextColor(Color.BLACK)//文本颜色
//                .setGravity(Gravity.RIGHT| Gravity.TOP)//位置，默认右上角
//                .setAnimationDuration(2000)
//                .setHideOnSelect(true)//当选中状态时消失，非选中状态显示
//                .setText("9");

        setInvite();


    }

    /**
     * 切换fragment
     *
     * @param targetFragment
     * @return
     */
    private FragmentTransaction switchFragment(Fragment targetFragment) {
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        if (!targetFragment.isAdded()) {
            // 第一次使用switchFragment()时currentFragment为null，所以要判断一下
            if (currentFragment != null) {
                transaction.hide(currentFragment);
            }
            transaction.add(R.id.fl_content, targetFragment, targetFragment.getClass().getName());
        } else {
            transaction.hide(currentFragment).show(targetFragment);
        }
        currentFragment = targetFragment;
        return transaction;
    }


    /**
     * 邀请
     */
    private void setInvite() {
        mNavigationBar.clearAll();
        switchFragment(mInviteFragment).commitNowAllowingStateLoss();
        mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的"))
                .setFirstSelectedPosition(0)
                .initialise();

    }

    /**
     * 活动
     */
    private void setActivity() {
        mNavigationBar.clearAll();
        switchFragment(mActivityFragment).commitNowAllowingStateLoss();
        mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的"))
                .setFirstSelectedPosition(1)
                .initialise();

    }

    /**
     * 发现
     */
    private void setFound() {
        mNavigationBar.clearAll();
        switchFragment(mFoundFragment).commitNowAllowingStateLoss();
        mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的"))
                .setFirstSelectedPosition(2)
                .initialise();

    }

    /**
     * 我的
     */
    private void setMine() {
        mNavigationBar.clearAll();
        switchFragment(mMineFragment).commitNowAllowingStateLoss();
        mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现"))
                .addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的"))
                .setFirstSelectedPosition(3)
                .initialise();

    }

    @Override
    public void onTabSelected(int position) {
        FragmentTransaction ft = fm.beginTransaction();
        switch (position) {
            case 0:
                setInvite();
                break;

            case 1:
                setActivity();
                break;

            case 2:
                setFound();
                break;

            case 3:
                setMine();
                break;
        }

    }

    @Override
    public void onTabUnselected(int position) {

    }

    @Override
    public void onTabReselected(int position) {

    }
}

推荐阅读：【第三方开源库】–＞ BottomNavigation 底部导航栏

Kevin-Dev
关注
专栏目录
Android底部导航栏实现
2401_84415615的博客
05-01 520
官方文档ViewPager是android扩展包androidX包中的类，旧版的是在v4包中，ViewPager就是一个简单的页面切换组件，可以往里面填充多个View，然后可以左右滑动，从而切换不同的View。ViewPager类直接继承了ViewGroup类，所以它是一个容器类，可以在其中添加其他的view类。和ListView，GridView一样，也需要一个Adapter(适配器)将View和ViewPager进行绑定，而ViewPager则有一个特定的Adapter——PagerAdapter。
flutter底部导航栏填充动画，头条android面试
2401_84408437的博客
04-23 671
简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。但做过什么，达到怎样一个境界，这是深度问题，和个人学习能力和解决问题的态度有关了。大公司看深度，小公司看广度。大公司面试你会的，小公司面试他们用到的你会不会，也就是岗位匹配度。
Android App 底部导航菜单栏demo_可自由滑动
11-24
本实例完成了App底部导航菜单自由滑动，仿微信主界面，可直接应用于项目开发。
Android底部导航栏
weixin_33690963的博客
11-18 190
Android底部导航栏 今天简单写了一个底部导航栏，封装了一个库，用法比较简单 效果图 Github地址：https://github.com/kongqw/KqwBottomNavigation 导入库 XML布局 <?xml version="1.0" encoding="utf-8"?> <Relat...
Android导航栏与侧边栏实现（TabLayout+Viewpager2+DrawerLayout）
最新发布
weixin_52282455的博客
09-05 1144
想要做的效果目前效果，图标大小还不太匹配，后续会再更改一下拆解分析1导航栏 tablayout+viewpgaer+fragment下面参考中已写得非常好，不再赘述。参考2侧边栏 drawerLayout+toolbar参考图标均来自阿里，可自行查找 https://www.iconfont.cn/下面是具体实现。
五种方式实现Android底部导航栏
那些年我们一起写的代码
12-05 2万+
底部导航栏目前基本上每个app必备的。一般放到首页的，来显示app整个内容的框架。效果图实现导航栏的五种方式如上图导航栏上显示的，这里面我总结了这几种，下面会就这几种方式一一记录到文章中。如果写到一篇里估计有点多，还条例不怎么清晰。接下来会记录这几篇文章。
Android 底部导航栏（一、BottomNavigationView+Menu+Fragment）
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
06-29 1万+
现在常用的App主页都会有一个底部导航栏，根据需求也使用过好几种方法进行实现，于是想着还是总结一下，今天还写一个简单的BottomNavigationView方法来实现这个功能它是android原生的一个底部导航框架，一般和Fragment一起使用。xml布局：最外层的layout不用管，那是databinding框架的根布局，主要的布局FrameLayout来装载fragment列表，BottomNavigationView实现底部导航栏，最后监听绑定实现点击切换 其中BottomNavigation
Android------底部导航栏BottomNavigationBar
切切歆语的博客
09-29 911
Android 的底部导航栏 BottomNavigationBar 由Google官方Material design中增加的。 Android底部导航栏的实现方式特别多，例如TabHost，TabLayout，或者TextView等，都可以实现底部导航栏的效果。 但Google既然推出了还是可以尽量用他来实现底部导航栏这样的功能。 下来看看案例效果图                
Android Studio实现一个新闻APP，功能巨多，大作业必备项目
08-29
具有十几个页面，底部导航栏，数据库，滑动页面等。主要功能就和我们平时使用的今日头条类似，具有头条、社会、国内、国际、娱乐、健康等十几个栏目。有文字有图片还有视频可以播放，全方位给用户带来视听娱乐享受，...
2023年最新Flutter+Getx仿小米商城项目实战视频教程-V3版
luckysuny的博客
11-24 1913
透明导航 、浮动导航、导航动画、六格验证码、Photo-view类似朋友圈图片预览、3、 Flutter Android中使用生物识别认证的一些配置。2、 Flutter中使用socket.io和服务器实现通讯。3、 Flutter中使用socket.io和服务器实现通讯。直播流程（推流、拉流）、借助腾讯云直播、自己搭建直播服务器、4、 Flutter Ios中使用生物识别认证的一些配置。二、 AP模式下Flutter和Wifi模块的数据穿透演示。、Flutter 事件驱动、Flutter本地存储。
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
Android实现底部导航栏
07-02
1.使用RelativeLayout+TextView底部导航栏样式。 2.右上角带有消息提示个数。 3.使用Fragment实现导航效果。 相应的博客地址为：https://blog.csdn.net/lpCrazyBoy/article/details/80886487
APP底部导航
CSDNmazhiyuan的博客
09-27 1094
charset="utf-8">   name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />         rel="shortcut icon" href="favicon.ico">   href="
安卓App底部导航栏
乐翁龙
07-24 1230
很早之前做底部导航栏的时候基本会用到下面几种方法： RadioGroup + RadioButton LinearLayout + XxxView 后面出现了TabLayout（2014年I/O）就去掉指示器，简单自定义下TabItem就能行了。 再到后来谷歌官方给出了的BottomNavigationView控件，这个控件在底部item数量小于等于3个的时候是正常的，但是大于3...
Android 底部(简单，简易)导航栏（Fragment）
m0_71759815的博客
11-11 3612
底部导航只需要下面的layout布局，然后将其设为水平布局，主要的还是 android:layout_alignParentBottom=
Android---简易的底部导航栏
qq_44950283的博客
12-28 3941
在bottomnavigationitem.xml 里添加一个 item 就是在 底部导航栏里添加了一个可点击的 tab 按钮。注意，item 里面的 icon 属性你可以自己找一下好看的icon，这里简单用 mipmap 里的 ic_launcher.webp 来作为 icon。对于底部导航栏 item 的监听应该是 OnNavigationItemSelectedListener，但是该方法已经被 google 官方给废弃了，所以这里用 OnItemSelectedListener 来代替。
Android 底部导航栏
何处可安生
03-07 262
implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar' activity_main.xml : &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/...
Android TapBarMenu底部导航栏实现教程
“android效果TapBarMenu绘制底部导航栏的使用方式示例” 在Android应用开发中，底部导航栏（Bottom Navigation Bar）是一种常见的界面元素，用于在多个主要功能之间切换。TapBarMenu是一个开源库，它提供了一种...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Kevin-Dev

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值