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...

第三方开源库:ByeBurger 实现标题栏和底部导航栏的出现与隐藏

简介一行代码实现标题栏和底部导航栏的出现与隐藏 github地址:https://github.com/githubwing/ByeBurger滚动时隐藏: 我们希望在用户的屏幕上显示尽可能多的内容...

Design: Android Design Support Library(一)

参考: 吴小龙:Android Design Support Library使用 参考:徐宜生:Android Design Support Library使用详解 最近看到一个介绍的...

BottomBar使用

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

安卓开发中非常炫的效果集合

这几天开发的时候,想做一些好看而且酷炫的特效,于是又开始从网上收集各种特效资源。下面给大家一些我喜欢的把,附代码,喜欢的看源代码,然后加到自己项目去把!!

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

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

开源项目:BottomBar

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

第三方组件BottomBar使用

官方地址https://github.com/roughike/BottomBar 在gradle中配置 compile 'com.roughike:bottom-bar:2.0.2' ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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