android界面底部BottomBar以及fragment

原创 2016年08月30日 19:24:17

推荐一个介绍fragment的好博客
BottomBar开源地址
一个非常完善的Fragment的开源地址,很少在github上看到这么完善的来自天朝的代码。

使用Fragment的原因是要一个漂亮的底栏,可以根据点击的按钮不同加载不同的fragment,这个应该就是但activity对多fragment。

以下是具体代码:

1、 bottomBar.xml

<?xml version="1.0" encoding="utf-8"?>
<tabs>
    <tab
        id="@+id/tab_day"
        icon="@drawable/newspaper48"
        title="日报" />
    <tab
        id="@+id/tab_exe"
        icon="@drawable/text48"

        title="报表" />
    <tab
        id="@+id/tab_pic"
        icon="@drawable/chart48"
        title="图标" />
    <tab
        id="@+id/tab_user"
        icon="@drawable/user48"
        title="用户" />
</tabs>

2、 装bottomBar的relativeLayout的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <!-- This could be your fragment container, or something -->
    <RelativeLayout
        android:id="@+id/contentContainer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/bottomBar" />
    <com.roughike.bottombar.BottomBar
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        app:bb_tabXmlResource="@xml/bottombar_tabs" />
</RelativeLayout>

3、activity_main.xml的代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
    <!-- This could be your fragment container, or something -->
    <include layout="@layout/toolbar_layout"/>
    <include layout="@layout/toplayout"/>
</LinearLayout>

4、main_activity的代码

package com.hb.bottomlast;

import android.content.Intent;
import android.graphics.Point;
import android.os.Bundle;
import android.support.annotation.IdRes;
import android.support.v4.app.Fragment;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.text.Layout;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.github.jjobes.slidedatetimepicker.SlideDateTimeListener;
import com.github.jjobes.slidedatetimepicker.SlideDateTimePicker;
import com.hb.bottomlast.Persion1_fragment;
import com.hb.bottomlast.Persion2_fragment;
import com.hb.bottomlast.Persion3_fragment;
import com.hb.bottomlast.R;
import com.roughike.bottombar.BottomBar;
import com.roughike.bottombar.OnTabReselectListener;
import com.roughike.bottombar.OnTabSelectListener;

import java.text.SimpleDateFormat;
import java.util.Date;

public class MainActivity extends AppCompatActivity{
    double nLenStart = 0; 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        if (toolbar != null) {
            setSupportActionBar(toolbar);
        }
        final View layout = findViewById(R.id.contentContainer);

        BottomBar bottomBar = (BottomBar) findViewById(R.id.bottomBar);
        bottomBar.setOnTabSelectListener(new OnTabSelectListener() {
            @Override
            public void onTabSelected(@IdRes int tabId) {
                Object ob=null;
                switch (tabId) {
                    case R.id.tab_day:
                        ob  = new Persion1_fragment();
                        break;
                    case R.id.tab_exe:
                        ob  = new Persion2_fragment();
                        break;
                    case R.id.tab_pic:
                        ob  = new Persion3_fragment();
                        break;
                    case R.id.tab_user:
                        ob  = new Persion4_fragment();
                        break;
                }  getSupportFragmentManager().beginTransaction().replace(R.id.contentContainer,(Fragment) ob).commit();
            }
        });
        bottomBar.setOnTabReselectListener(new OnTabReselectListener() {
            @Override
            public void onTabReSelected(@IdRes int tabId) {    getSupportFragmentManager().beginTransaction().replace(R.id.contentContainer,new Persion1_fragment()).commit();
            }
        });
    }
}

剩下的别忘了导入

dependencies {
compile ‘com.roughike:bottom-bar:2.0.2’
}

最后还要建立四个fragment一一对应。

版权声明:本文为博主原创文章,未经博主允许不得转载。

第三方开源库:BottomBar 底部导航栏

简介github地址:BottomBar 参考:【BottomBar】Android炫酷的底部切换效果V2.0 BottomBar可以跟BottomNavagionView一样,是一种Materi...

开源项目:BottomBar

前言 寻寻觅觅终于等到你,Material Design系列BottomBar开源库你值得拥有。从我接触android开发遇到tabhost,到radioGroup+ViewPage/FrameLa...

第三方开源库:BottomBar 底部导航栏

BottomBar 简介 github地址:BottomBar  参考:【BottomBar】Android炫酷的底部切换效果V2.0  BottomBar可以跟BottomNavag...

BottomBar使用

BottomBar使用开源地址:https://github.com/roughike/BottomBarPS:如果觉得这个系列的每篇文章太长,那就直接看视频吧运行效果使用步骤1. 在Module的b...

BottomBarLayout——方便快捷地实现底部导航栏

转载请注明出处:http://blog.csdn.net/chay_chan/article/details/73715607轻量级的底部导航栏  目前市场上的App,几乎都有底部页签导航栏,所以我们...

BottomBar之Android底部菜单

开源项目BottomBar,实现Android底部菜单(常用菜单,BottomBar实现动画(上下式)+消息菜单,BottomBar+ViewPager+Fragment实现炫酷的底部导航效果)...

炫酷的底部菜单栏BottomBar

开源项目分析BottomBar 今天分析一个炫酷的底部菜单栏开源项目,先说明下用法,再分析一下源码的实现。 GitHub地址 https://github.com/roughike/BottomB...

BottomBar+ViewPager+Fragment实现炫酷的底部导航效果

最新的BottomBar取消了setFragmentItens的api,于是换用viewPager实现,非常简单,分享一下!...
  • Amazing7
  • Amazing7
  • 2016年05月22日 18:58
  • 15924

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

【BottomBar】Android炫酷的底部切换效果V2.0

本文转自:http://www.jianshu.com/p/2bafd1bbb21b,,,感谢支持 项目地址为:https://github.com/roughike/BottomBar 新版本与...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android界面底部BottomBar以及fragment
举报原因:
原因补充:

(最多只允许输入30个字)