关闭

android界面底部BottomBar以及fragment

标签: androidbottomBarGithub
2170人阅读 评论(0) 收藏 举报
分类:

推荐一个介绍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一一对应。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:10772次
    • 积分:609
    • 等级:
    • 排名:千里之外
    • 原创:52篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类