Android 底部菜单

最新推荐文章于 2025-06-04 10:44:05 发布
原创 最新推荐文章于 2025-06-04 10:44:05 发布 · 326 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

学习笔记----实现底部引导菜单：

1、启动页面

1）布局：

<?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.atguigu.android.atguigu.MainActivity"
    android:background="#ffffff">

    <ImageView
        android:id="@+id/iv"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/atguigu_logo"/>

    <TextView
        android:textColor="#000000"
        android:textSize="20sp"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="欢迎..."/>

</RelativeLayout>

2）代码：设置两秒之后跳转到主界面

public class WelcomeActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_welcome);

        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                //主线程中执行
                startMainActivity();
            }
        },2000);
    }

    private void startMainActivity() {
        Intent intent = new Intent(this,MainActivity.class);
        startActivity(intent);
        finish();
    }
}

2、主页面

1）布局

垂直的线性布局，分为三部分，第一部分是标题 titlebar.xml，第二部分是一个FrameLayout，用来加载fragment，第三部分是一个RadioGroup。

<?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"
    tools:context="com.atguigu.android.atguigu.MainActivity"
    android:orientation="vertical">

    <!--标题栏-->
    <include layout="@layout/titlebar"/>

    <!--FrameLayout-->
    <FrameLayout
        android:id="@+id/fl"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1">

    </FrameLayout>

    <!--底部的RadioGroup-->
    <RadioGroup
        android:id="@+id/rg"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp">

        <RadioButton
            android:id="@+id/rb_common_frame"
            android:text="常用框架"
            android:drawableTop="@drawable/rb_common_frame_drawable_selector"
            style="@style/bottom_tag_style"
            />
        <RadioButton
            android:id="@+id/rb_thirdparty"
            android:text="第三方框架"
            android:drawableTop="@drawable/rb_thirdparty_drawable_selector"
            style="@style/bottom_tag_style"
            />
        <RadioButton
            android:id="@+id/rb_custom"
            android:text="自定义控件"
            android:drawableTop="@drawable/rb_custom_drawable_selector"
            style="@style/bottom_tag_style"
            />
        <RadioButton
            android:id="@+id/rb_other"
            android:text="其他"
            android:drawableTop="@drawable/rb_other_drawable_selector"
            style="@style/bottom_tag_style"
            />

    </RadioGroup>

</LinearLayout>

titlebar.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@android:color/holo_blue_light"
    android:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="知识库"
        android:textSize="20sp"
        android:textColor="@android:color/white"/>

</LinearLayout>

 以bottom_textcolor_drawable_selector.xml为例：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@android:color/holo_blue_light"/>
    <item android:state_checked="false" android:color="@android:color/darker_gray"/>
</selector>

设置选中的时候是蓝色，未选中是灰色。

 

 以rb_common_frame_drawable_selector.xml为例：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/ic_tab_video_press"/>
    <item android:state_checked="false" android:drawable="@drawable/ic_tab_video"/>
</selector>

设置选中的时候是一张蓝色的图片，未选中的时候是一张灰色的图片。

 

style="@style/bottom_tag_style"  ----把相同的代码写在style.xml中

    <style name="bottom_tag_style" >
        <!-- Customize your theme here. -->
        <item name="android:gravity">center</item>
        <item name="android:layout_weight">1</item>
        <item name="android:drawablePadding">3dp</item>
        <item name="android:button">@android:color/transparent</item>
        <item name="android:textColor">@drawable/bottom_textcolor_drawable_selector</item>
        <item name="android:textSize">15sp</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
    </style>

3、创建各个子页面

1）创建一个基类BaseFragment

一个公共类，CommonFrameFragment,ThirdPartyFragment,CustomFragment,OtherFragment等都要继承该类。

public abstract class BaseFragment extends Fragment{
    protected Context mContext;

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mContext = getActivity();
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return initView();
    }

    //强制子类重写，实现子类特有的UI
    protected abstract  View initView();

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        initData();
    }

    //当孩子需要需要初始化数据，联网请求绑定数据，展示数据等等 可以重写该方法
    protected void initData(){

    }
}

2）定义各个子页面

CommonFrameFragment.java

public class CommonFrameFragment extends BaseFragment {
    private static final String TAG =CustomFragment.class.getSimpleName();
    private TextView textView;
    @Override
    protected View initView() {
        Log.w(TAG,"常用框架initView()");
        textView = new TextView(mContext);
        textView.setTextSize(20);
        textView.setGravity(Gravity.CENTER);
        textView.setTextColor(Color.RED);
        return textView;
    }

    @Override
    protected void initData() {
        Log.w(TAG,"常用框架initData()");
        textView.setText("常用框架");
        super.initData();
    }
}

其他类似... 

3）初始化fragment

//初始化fragment
initFragment();
    private void initFragment() {
        baseFragments = new ArrayList<>();
        baseFragments.add(new CommonFrameFragment());//常用框架fragment
        baseFragments.add(new ThirdPartyFragment());//第三方fragment
        baseFragments.add(new CustomFragment());//自定义fragment
        baseFragments.add(new OtherFragment());//其他fragment
    }

4）设置RadioGroup的监听

//设置RadioGroup的监听
setListener();
    private void setListener() {
        rg.setOnCheckedChangeListener(new MyOnCheckedChangeListener());
        //默认选中第一个
        rg.check(R.id.rb_common_frame);
    }

    class MyOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener{
        @Override
        public void onCheckedChanged(RadioGroup group, int checkedId) {
            switch (checkedId){
                case R.id.rb_common_frame://常用框架
                    position = 0;
                    break;
                case R.id.rb_thirdparty://第三方
                    position = 1;
                    break;
                case R.id.rb_custom://自定义
                    position = 2;
                    break;
                case R.id.rb_other://其他
                    position = 3;
                    break;
                default:
                    position = 0;
                    break;
            }

            //根据位置得到对应的fragment
            BaseFragment to = getFragment();
            //替换
            switchFragment(to);
        }
    }

 5）得到fragment

    public BaseFragment getFragment() {
        BaseFragment fragment = baseFragments.get(position);
        return fragment;
    }

6）切换fragment

    private void switchFragment(BaseFragment fragment) {
        //1.得到fragmentManager
        FragmentManager fragmentManager = getSupportFragmentManager();
        //2.开启事务
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        //3.替换
        transaction.replace(R.id.fl,fragment);
        //4.提交事务
        transaction.commit();
    }

4、出现的问题

1）解决切换fragment导致重新创建fragment的问题

问题：上面切换fragment的方法会导致fragment重建。

解决：设置两个fragment对象，一个（from）表示刚刚显示的fragment，即将要被替换掉。一个（to）表示即将要显示的fragment。

//替换
switchFragment(mFragment,to);

用show()和add()代替原来的replay()。首先判断有没有添加，如果没有，就添加to，隐藏from。如果有，就显示to。隐藏from。 

    private void switchFragment(Fragment from, Fragment to) {
        //如果两个fragment不相等才切换，相等就不用切换了
        if(from != to){
            //1.得到fragmentManager
            FragmentManager fragmentManager = getSupportFragmentManager();
            //2.开启事务
            FragmentTransaction transaction = fragmentManager.beginTransaction();
            mFragment = to;
            //判断有没有被添加
            if(!to.isAdded()) {
                //to没有被添加
                //掩藏from
                if (from != null) {
                    transaction.hide(from);
                }
                //添加to
                if (to != null) {
                    transaction.add(R.id.fl, to).commit();
                }
            }else {
                    //to已经被添加
                    //隐藏from
                    if (from != null) {
                        transaction.hide(from);
                    }
                    //显示to
                    if (to != null) {
                        transaction.show(to).commit();
                    }
                }
        }
    }

只创建一次： 

2）解决横竖屏切换fragment导致内容重叠的问题

问题：横竖屏切换fragment导致内容重叠

解决：在AndroidManifest.xml中添加：

<activity android:name=".MainActivity"
          android:configChanges="orientation|screenSize|keyboardHidden">
</activity>

5、源码

链接：https://pan.baidu.com/s/1DvFsEJEObIrsE8LQz8aTYw
提取码：ks3o 

 

android底部菜单栏
04-08
android底部菜单栏
(转)android底部菜单应用
lhs286266503的专栏
11-14 966
在android中实现菜单功能有多种方法。 Options Menu：用户按下menu Button时显示的菜单。 Context Menu：用户长时间按下屏幕，所显示出来的菜单也称为上下文菜单。 Submenu：子菜单。 但是有时候这些内置的菜单并不能满足我们功能，这就需要自己自定义一种菜单。接下来我说的这种就是通过TabHost与RadioGroup结合完成的菜单。
Android仿微信客户端开发实战指南
最新发布
weixin_36303807的博客
06-04 979
Android是由Google主导开发的操作系统，以其开源和广泛的设备支持而闻名。它以Java作为主要开发语言，采用Linux内核。对于开发者来说，搭建Android开发环境首先需要安装Java开发工具包（JDK），然后下载并安装Android Studio集成开发环境，这是官方推荐的开发工具，提供了代码编写、调试以及应用打包等一整套功能。
Android美工坊--底部菜单栏实现
weixin_34390996的博客
03-21 179
虽然网上有很多底部菜单栏的实现方式，但是实现方式各种各样，很多也不符合自己的口味，所以还是总结下底部菜单栏的实现方式，以便以后方便查询使用 实现方式一：通过TabWidget实现 这种方式主要是在布局中将TabWidget标签嵌套在RelativeLayout中，并且在TabWidget标签中中设置 android:layout_alignParentBottom="true" 另外，下划线...
Android底部菜单栏
yizhi鬼的专栏
09-14 817
转载于：http://blog.youkuaiyun.com/wangkuifeng0118/article/details/7745109            底部菜单栏很重要，很多应用软件都是用了底部菜单栏做。这里使用了tabhost做了一种通用的（就是可以像微信那样显示未读消息数量的，虽然之前也做过但是layout下的xml写的太臃肿，这里去掉了很多不必要的层，个人看起来还是不错的，所以贴出
Android仿微信底部菜单
hududumo
04-19 170
今天终于把公司的界面原型做完了，哈哈，提前完成正好趁现在有时间更新下最近学到的一些特殊效果。其中这个仿微信的底部菜单，真的要感谢家辉兄弟，我才得以解决。首先看一下实现后效果。 就下面的那个底部栏，下面看一下实现代码吧！ 首先是布局main.xml: &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;TabHost android...
Android 底部菜单.zip
12-16
下面我们将深入探讨Android底部菜单的设计原则、实现方式以及可能涉及的关键技术。 1. **设计规范**： - 底部菜单通常包含3到5个主要操作，每个图标和对应的标签清晰地表示了其功能。 - 图标应简洁且易于识别，...
Android底部菜单栏设计TabWidget
yangdonghhm的专栏
03-13 241
  Android底部菜单栏设计 完整代码 实现方式一：通过TabWidget实现 这种方式主要是在布局中将TabWidget标签嵌套在RelativeLayout中，并且在TabWidget标签中中设置 android:layout_alignParentBottom="true" 另外，下划线和选项卡之间的线去除的方法时在TabWidget标签中设置属性andr...
android 底部菜单
zhouguizhi
09-03 802
在android中使用底部菜单
BottomBar之Android底部菜单
03-31
开源项目BottomBar,实现Android底部菜单(常用菜单，BottomBar实现动画(上下式)+消息菜单，BottomBar+ViewPager+Fragment实现炫酷的底部导航效果)
Android自定义底部菜单
01-23
在Android的应用中，经常会见到底部菜单.而在企业级的Android应用中，也存在同样的需求，但与微信这些大众软件的区别在于企业级的Android应用由于UI页面很多，每个页面都需要有底部菜单，而且每个页面的底部菜单按钮还可能完全不一样，所以，为了使每个页面保持一致性并为UI页面制作时提供便利，针对底部菜单进行专门的设计封装，就显得特别重要。
android 底部弹出菜单（带透明背景）
08-24
android 底部弹出菜单（带透明背景）
android底部菜单+标题
11-18
android底部菜单+标题...自己写的玩的
Android 底部菜单栏
whatsyourname的专栏
11-20 187
Android程序，许多时候需要菜单栏显示在底部或顶部，但是没有很好的组建供程序员调用，过自定义了一个视图，用来实现底部菜单栏。 @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FE...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值