android 开发实例 底部导航栏（1）

最新推荐文章于 2023-09-15 20:02:35 发布
最新推荐文章于 2023-09-15 20:02:35 发布
阅读量855 收藏
点赞数
分类专栏： android 文章标签： 下部 导航 fragment andro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chinaltz/article/details/40145407
版权

1.使用LinearLayout 底部布局+imageView 实现

     底部四个主导航页面 布局文件  activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.tastelibrary.MainActivity"
    tools:ignore="MergeRootFrame" >

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

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <LinearLayout
            android:id="@+id/ll_recipe"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/image_recipe"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/recipe_btn_selector" />
          
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_kitchen"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/image_kitchen"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/kitchen_btn_selector" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_find"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

              <ImageView
                android:id="@+id/image_find"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/find_btn_selector" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_user"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/image_user"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/user_btn_selector" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>
MainActivity 


package com.example.tastelibrary;

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.os.Build;

public class MainActivity extends ActionBarActivity  implements OnClickListener{
	 private LinearLayout ll_recipe;  
	    private LinearLayout ll_kitchen;  
	    private LinearLayout ll_find;  
	    private LinearLayout ll_user;  
	    private ImageView image_home;  
	    private ImageView image_friends;  
	    private ImageView image_message;  
	    private ImageView image_more;  
	    //Fragment管理器  
	    private FragmentManager fm = this.getSupportFragmentManager();  
	    private FragmentTransaction ft;  
	    private RecipeFragment fragmentPage1;  
	    private FindFragment fragmentPage2;  
	    private KitchenFragment fragmentPage3;  
	    private UserFragment fragmentPage4;  
	    ActionBar myActionBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
      myActionBar=getSupportActionBar();
        initView();  
        //开始事务（每次改变Fragment管理器之后都要提交）  
        ft = fm.beginTransaction();  
        home();  
        //提交事务  
        ft.commit(); 

    }
    private void initView(){  
    	ll_recipe = (LinearLayout)findViewById(R.id.ll_recipe);  
    	ll_kitchen = (LinearLayout)findViewById(R.id.ll_kitchen);  
    	ll_find = (LinearLayout)findViewById(R.id.ll_find);  
    	ll_user = (LinearLayout)findViewById(R.id.ll_user);  
          
        image_home = (ImageView)findViewById(R.id.image_recipe);  
        image_friends = (ImageView)findViewById(R.id.image_kitchen);  
        image_message = (ImageView)findViewById(R.id.image_find);  
        image_more = (ImageView)findViewById(R.id.image_user);  
          
        ll_recipe.setOnClickListener(this);  
        ll_kitchen.setOnClickListener(this);  
        ll_find.setOnClickListener(this);  
        ll_user.setOnClickListener(this);  
        ll_recipe.setSelected(true);  
        image_home.setSelected(true);  
          
    }  

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }


	@Override
	public void onClick(View v) {
		 //每次点击时都需要重新开始事务  
        ft = fm.beginTransaction();  
        //把显示的Fragment隐藏  
        setSelected();  
        switch (v.getId()) {  
        case R.id.ll_recipe:  
        	ll_recipe.setSelected(true);  
            image_home.setSelected(true);  
            home();  
            break;  
        case R.id.ll_kitchen:  
        	ll_kitchen.setSelected(true);  
            image_friends.setSelected(true);  
            friend();  
              
            break;  
        case R.id.ll_find:  
        	ll_find.setSelected(true);  
            image_message.setSelected(true);  
            message();  
            break;  
        case R.id.ll_user:  
        	ll_user.setSelected(true);  
            image_more.setSelected(true);  
            more();  
            break;  
        }  
        ft.commit();  
	}
	/**
	 * 设置每个按钮是否被选中
	 */
	private void setSelected(){  
		ll_recipe.setSelected(false);  
		ll_kitchen.setSelected(false);  
		ll_find.setSelected(false);  
		ll_user.setSelected(false);  
        image_home.setSelected(false);  
        image_friends.setSelected(false);  
        image_message.setSelected(false);  
        image_more.setSelected(false);  
        if(fragmentPage1 != null){  
            //隐藏Fragment  
            ft.hide(fragmentPage1);  
        }  
        if(fragmentPage2 != null){  
            ft.hide(fragmentPage2);  
        }  
        if(fragmentPage3 != null){  
            ft.hide(fragmentPage3);  
        }  
        if(fragmentPage4 != null){  
            ft.hide(fragmentPage4);  
        }  
    }  
	private void home(){  
        if(fragmentPage1 == null){  
            fragmentPage1 = new RecipeFragment();  
            /*添加到Fragment管理器中 
            这里如果用replace， 
            当每次调用时都会把前一个Fragment给干掉， 
            这样就导致了每一次都要创建、销毁， 
            数据就很难保存，用add就不存在这样的问题了， 
            当Fragment存在时候就让它显示，不存在时就创建， 
            这样的话数据就不需要自己保存了， 
            因为第一次创建的时候就已经保存了， 
            只要不销毁一直都将存在*/  
            ft.add(R.id.fl_content, fragmentPage1);  
        }else{  
            //显示Fragment  
            ft.show(fragmentPage1);  
        }  
    }  
    private void friend(){  
        if(fragmentPage2 == null){  
            fragmentPage2 = new FindFragment();  
            ft.add(R.id.fl_content, fragmentPage2);  
        }else{  
            ft.show(fragmentPage2);  
        }  
          
    }  
    private void message(){  
        if(fragmentPage3 == null){  
            fragmentPage3 = new KitchenFragment();  
            ft.add(R.id.fl_content, fragmentPage3);  
        }else{  
            ft.show(fragmentPage3);  
        }  
          
    }  
    private void more(){  
        if(fragmentPage4 == null){  
            fragmentPage4 = new UserFragment();  
            ft.add(R.id.fl_content, fragmentPage4);  
        }else{  
            ft.show(fragmentPage4);  
        }  
          
    }  
}


2.RadioButton  实现

布局文件  activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".MainActivity" >

    <RelativeLayout
        android:id="@+id/aboveLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@color/white"
            android:orientation="vertical" >

            <FrameLayout
                android:id="@+id/fragmentRoot"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_alignParentLeft="true"
                android:orientation="vertical" >
            </FrameLayout>

            <LinearLayout
                android:id="@+id/bottomList"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:background="#bbbbbb"
                android:orientation="horizontal" >

                <RadioGroup
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom"
                    android:background="#bbbbbb"
                    android:gravity="center_vertical"
                    android:orientation="horizontal" >

                    <RadioButton
                        android:id="@+id/birtthday"
                        style="@style/footbar"
                        android:drawableTop="@drawable/birthday_normal"
                        android:height="25dp"
                        android:paddingTop="8dp"
                        android:text="生日"
                        android:width="40dp" />

                    <RadioButton
                        android:id="@+id/message"
                        style="@style/footbar"
                        android:drawableTop="@drawable/message_normal"
                        android:height="25dp"
                        android:paddingTop="8dp"
                        android:text="祝福短信"
                        android:width="40dp" />

                    <RadioButton
                        android:id="@+id/note"
                        style="@style/footbar"
                        android:drawableTop="@drawable/ej_label_add_d"
                        android:height="25dp"
                        android:paddingTop="8dp"
                        android:text="生日记事"
                        android:width="40dp" />

                    <RadioButton
                        android:id="@+id/me"
                        style="@style/footbar"
                        android:drawableTop="@drawable/me_normal"
                        android:height="25dp"
                        android:paddingTop="8dp"
                        android:text="我的"
                        android:width="40dp" />
                </RadioGroup>
            </LinearLayout>
        </RelativeLayout>
    </RelativeLayout>

</RelativeLayout>

MainActivity 

package com.gemptc.birthdaydemonapp.activity;

import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.RadioButton;
import android.widget.Toast;

import com.gemptc.birthdaydemonapp.R;
import com.gemptc.birthdaydemonapp.fragment.BirthdayFragment;
import com.gemptc.birthdaydemonapp.fragment.MeFragment;
import com.gemptc.birthdaydemonapp.fragment.MessageFragment;
import com.gemptc.birthdaydemonapp.fragment.NoteFragment;
import com.gemptc.birthdaydemonapp.sqlite.DBManger;
import com.zhe.rex.*;

public class MainActivity extends ActionBarActivity {
	private ActionBar actionbar;
	private static FragmentManager fMgr;
	private Eoiu spotManager;
	private RadioButton birthday;
	private RadioButton message;
	private RadioButton blesswall;
	private RadioButton me;
	private int i = 1;
	private NoteFragment nf = null;
	private MessageFragment mf;
	private BirthdayFragment bf;
	private MeFragment mf1;


	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		actionbar = getSupportActionBar();
		actionbar.hide();
		birthday = (RadioButton) findViewById(R.id.birtthday);
		message = (RadioButton) findViewById(R.id.message);
		me = (RadioButton) findViewById(R.id.me);
		// 获取FragmentManager实例
		fMgr = getSupportFragmentManager();
		initFragment();
		dealBottomButtonsClickEvent();
		

	}

	/**
	 * 初始化首个Fragment
	 */
	private void initFragment() {
		FragmentTransaction ft = fMgr.beginTransaction();
		bf = new BirthdayFragment();
		ft.add(R.id.fragmentRoot, bf, "birthdayFragment");
		ft.addToBackStack(null);
		ft.commit();
	}

	/**
	 * 处理底部点击事件
	 */
	private void dealBottomButtonsClickEvent() {

		findViewById(R.id.birtthday).setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				FragmentTransaction ft = fMgr.beginTransaction();
				ft.replace(R.id.fragmentRoot, bf, "birthdayFragment");
				ft.addToBackStack(null);
				ft.commit();

			}
		});
		findViewById(R.id.message).setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				FragmentTransaction ft = fMgr.beginTransaction();
				if (mf == null) {
					mf = new MessageFragment();
				}
				ft.replace(R.id.fragmentRoot, mf, "MessageFragment");
				ft.addToBackStack(null);
				ft.commit();

			}
		});

		findViewById(R.id.note).setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				FragmentTransaction ft = fMgr.beginTransaction();
				if (nf == null) {
					nf = new NoteFragment();
				}
				ft.replace(R.id.fragmentRoot, nf, "NoteFragment");
				ft.addToBackStack(null);
				ft.commit();
			}
		});
		findViewById(R.id.me).setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				FragmentTransaction ft = fMgr.beginTransaction();

				if (mf1 == null) {
					mf1 = new MeFragment();
				}
				ft.replace(R.id.fragmentRoot, mf1, "MeFragment");
				ft.addToBackStack(null);
				ft.commit();
			}
		});
	}

	// 点击返回按钮
	@Override
	public void onBackPressed() {
		i++;
		if (i == 2) {

			Toast.makeText(this, "再按一次退出", Toast.LENGTH_LONG).show();
			Eoiu spotManager = Eoiu.getInstance(getApplicationContext(),
					"bec9e95da11570a46e46b2b005c204a9");
					spotManager.exit(this);

		}

		else
			MainActivity.this.finish();

	}

	@Override
	protected void onRestart() {
		i = 1;
		super.onRestart();
	}

	@Override
	protected void onResume() {
		i = 1;
		super.onResume();
	}

	@Override
	protected void onActivityResult(int requestCode, int resultCode, Intent data) {

 switch (requestCode) {
  case Add_REQUEST_CODE:
	    nf.refresh();
	break;

   default:
	break;
}
		super.onActivityResult(requestCode, resultCode, data);
	}
	
	

}



未完待续 可以滑动的导航 viewPager+Fragment

源码


李挺哲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android底部导航栏实现，Android开发学习视频
flunsna的博客
12-29 747
Fragment.class 总结 底部导航栏 ================================================================ 在使用应用软件时，为了方便用户操作和增加界面直观，许多应用都会用到底部导航栏。 我们经常使用的微信、QQ就是很贴切的例子： 下面我通过几种方式实现类似效果的底部导航栏。 使用Fragment实现底部导航栏 ========================================================..
Android实现底部导航栏
07-02
1.使用RelativeLayout+TextView底部导航栏样式。 2.右上角带有消息提示个数。 3.使用Fragment实现导航效果。 相应的博客地址为：https://blog.csdn.net/lpCrazyBoy/article/details/80886487
android 开发 实例 下部主导航（1）
李挺哲的移动专栏
10-16 126
1.使用LinearLayout 底部布局+imageView 实现 底部四个主导航页面 布局文件 activity_main.xml &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" ...
Android 十年之路: 主屏与导航
weixin_34221332的博客
12-14 92
作者 / E.K. Chung, Android 与 Pixel 用户体验主设计师 今年是 Android 诞生 10 周年，我们认为是时候回顾一下过去，看看它的演变历程了。很显然，自 2008 年以来这个操作系统发生了巨大的变化，那一年，《暮光之城》才刚上映，碧昂丝的《Single Ladies》还占据着排行榜前列。 从最初开始，Android 就一直是强调创新和个性的强大平台，今天也依然...
Android footerbar简单布局
zhigang的博客
06-09 300
话不多直接上图 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/sc_footer" android:layout_width="match_parent" android:layout_height="50dp" android:backgro.
Android程序开发之Fragment实现底部导航栏实例代码
09-02
在Android程序开发中，底部导航栏（Bottom Navigation）是一种常见的用户界面元素，它允许用户在应用的几个主要功能之间快速切换。本文将详细介绍如何使用Fragment来实现底部导航栏，这对于构建多视图应用程序至关...
关于学习Android简单实例,包含底部导航栏和recyclerView的嵌套使用
07-27
总结起来，通过这个简单的Android实例，你将掌握如何使用`BottomNavigationView`和`ViewPager`构建底部导航栏，如何在`Fragment`中嵌套使用RecyclerView展示列表数据，以及如何实现点赞动画。这些都是Android开发中...
Android实现底部导航栏功能
01-20
在Android应用开发中，底部导航栏（Bottom Navigation Bar）是一种常见的UI组件，它允许用户在应用的多个顶级视图之间快速切换。以下是如何在Android中实现底部导航栏功能的详细步骤，结合给定的文件内容进行说明： ...
Android实现简单底部导航栏 Android仿微信滑动切换效果
08-29
Android 实现简单底部导航栏 Android 仿微信滑动切换...本篇文章详细介绍了 Android 实现简单底部导航栏 Android 仿微信滑动切换效果的实现方法，并且提供了相关的知识点，希望能够帮助读者更好地理解 Android 开发。
Android开发：利用Android Studio自带的底部导航栏和ViewPager+TabLayout创建顶部导航栏
最新发布
Night_Journey的博客
09-15 3520
可以看出在底部导航栏中官方使用的是Binding，但实际上比较常用的还是View，所以我就把首页的binding改成View，以及下面创建顶部导航栏的四个fragment也都有View。说白了就是把顶部导航栏的四个fragment嵌套到底部导航栏的一个fragment中。父fragment的消失会导致子fragment的消失。原因：底部导航的切换，会导致切换前的fragment被杀掉，也就是HomeFragment被杀掉，再切回来时，子fragment并没有被创建，所以该显示的文字没有显示出来。
安卓底部导航栏几种实现方式，小白菜看了都说简单。
小马哥的博客
07-21 1万+
安卓底部导航栏的实现方式探索： 1.安卓提供默认的导航方式 2.使用简单布局的方式实现 3.Viewpager+RadioGroup+Layout 4.ViewPager+Fragment+RadioGroup(推荐) 纯原生java代码，未集成其他第三方复杂的库，代码经过测试可行。 开发环境： AndroidStudio 4.0 Java语言 SDK8.0以上...
Android实战开发--底部导航（Fragment）篇
yunyanchengyu114的博客
01-08 5034
Fragment实现底部导航，Frament中onCreateView详解,控件id详解
android主流UI布局
luxiaoyu_sdc的专栏
11-15 2096
android主流UI布局 这篇文章主要说的是android中的UI设定。先看真题效果图，说明。本程序参考新浪微博，图片为猫扑图片。 程序只有最基本的模版，没有任何内容。 点击效果图 这布局为顶部+中间内容+底部模式，现在很多布局都采用这种模式。或者九宫图布局 1：首先我们先实现顶部，代码如下： FrameLayout xmlns:an
Viewpager和fragment和自定义的底部Tab实现切换效果
08-04 1098
使用自定义的底部TAB栏，Viewpager+fragment结合实现可以滑动切换，也可以点击Tab切换的效果
Android开发丶底部导航栏
热门推荐
u014078990的博客
06-24 2万+
在主流app中，应用的主界面都是底部含有多个标签的导航栏，点击可以切换到相应的界面，如图: 接下来将描述下其实现过程。 1.首先是分析界面，底部导航栏我们可以用一个占满屏幕宽度、包裹着数个标签TextView、方向为横向horizontal的线性布局LinearLayout。上方则是一个占满剩余空间的FrameLayout。 activity_main.xml <?xml ...
五种方式实现Android底部导航栏
那些年我们一起写的代码
12-05 2万+
底部导航栏目前基本上每个app必备的。一般放到首页的，来显示app整个内容的框架。效果图实现导航栏的五种方式如上图导航栏上显示的，这里面我总结了这几种，下面会就这几种方式一一记录到文章中。如果写到一篇里估计有点多，还条例不怎么清晰。接下来会记录这几篇文章。
android底部导航栏
qq_42418169的博客
05-26 2万+
文章目录常见的底部导航栏实现步骤1.准备 常见的底部导航栏 动态效果 实现步骤 1.准备
android 实现 导航效果
LYR 的博客
10-09 467
<?xml version="1.0" encoding="utf-8"?> <navigation 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开发--自定义动态导航栏的实现
Outlier的博客
08-06 1万+
Android开发–导航栏的实现 最近自己用2周的时间和队友零基础尝试开发了一个简单的安卓应用，自己完成了前端和后台的编写，现在把在开发过程中遇到的知识点整理一下，最开始的是导航栏的实现 设计App的时候准备以四个模块来完成App的设计，因此，在一开始的界面设计了一个MainActivity和4个Fragment来实现模块之间的切换，这里方便学习，已将部分代码省略，注重于动态导航
Android应用实战：ListView、GridView与TabHost、Gallery实例教程
TabHost和Gallery则是另一种类型的控件，TabHost用于实现底部导航栏或侧滑菜单，帮助用户在多个选项间切换，而Gallery则常用于显示一系列可缩放的图片。这些控件的使用有助于提升用户体验和界面设计的灵活性。 此外...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值