Android实现类似iOS分栏控制器

近公司接了一个项目,需要会安卓,人手不够的情况作为一个开发iOS的也需要跟进,开始学习android,集成开发环境以后。直接就被难到了,iOS里面的分栏控制器(tabbarcontroller)android里面根本没有这个控件,安卓都是自己来实现这个效果的。所以开始研究android是如何实现的,下面这些代码。

当我们创建一个android APP项目的时候会自动生成一个MainActivity,我们可以在这Activity实现这个效果。首先我们先看一下效果图

代码实现

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/app_ui_bg"
    tools:context="com.zkteco.pridebiosecurity.view.MainActivity">
 
    <FrameLayout
        android:id="@+id/main_fl"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
 
    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="@color/gray2"/>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/d50"
        android:background="@color/white"
        android:orientation="horizontal">
 
        <LinearLayout
            android:id="@+id/message_ll"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <ImageView
                android:id="@+id/message_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@mipmap/ic_message_1"/>
 
            <TextView
                android:id="@+id/message_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/d3"
                android:text="@string/message"
                android:textColor="@color/app_style_color"
                android:textSize="@dimen/s11"/>
 
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/clock_ll"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <ImageView
                android:id="@+id/clock_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@mipmap/ic_clock_0"/>
 
            <TextView
                android:id="@+id/clock_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/d3"
                android:text="@string/clock"
                android:textColor="@color/gray"
                android:textSize="@dimen/s11"/>
 
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/home_ll"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <ImageView
                android:id="@+id/home_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@mipmap/ic_home_0"/>
 
 
            <TextView
                android:id="@+id/home_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/d3"
                android:text="@string/home"
                android:textColor="@color/gray"
                android:textSize="@dimen/s11"/>
 
        </LinearLayout>
 
 
        <LinearLayout
            android:id="@+id/entrance_ll"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <ImageView
                android:id="@+id/entrance_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@mipmap/ic_entrance_0"/>
 
 
            <TextView
                android:id="@+id/entrance_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/d3"
                android:text="@string/entrance"
                android:textColor="@color/gray"
                android:textSize="@dimen/s11"/>
 
        </LinearLayout>
 
        <LinearLayout
            android:id="@+id/me_ll"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <ImageView
                android:id="@+id/me_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@mipmap/ic_me_0"/>
 
            <TextView
                android:id="@+id/me_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/d3"
                android:text="@string/me"
                android:textColor="@color/gray"
                android:textSize="@dimen/s11"/>
 
        </LinearLayout>
 
    </LinearLayout>
 
</LinearLayout>

这样页面我们就实现了。

接下来就是点击切换页面的效果实现了,代码主要就是实现点击切换页面的功能。所以我们要关联一下五个Fragment了

package com.zkteco.pridebiosecurity.view;
 
import android.annotation.SuppressLint;
import android.os.Build;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
 
import com.zkteco.pridebiosecurity.R;
import com.zkteco.pridebiosecurity.base.BaseActivity;
import com.zkteco.pridebiosecurity.base.BaseFragment;
import com.zkteco.pridebiosecurity.util.StatusBarUtil;
import com.zkteco.pridebiosecurity.view.clock.ClockFragment;
import com.zkteco.pridebiosecurity.view.entrance.EntranceFragment;
import com.zkteco.pridebiosecurity.view.home.HomeFragment;
import com.zkteco.pridebiosecurity.view.me.MeFragment;
import com.zkteco.pridebiosecurity.view.message.MessageFragment;
import com.zkteco.pridebiosecurity.widget.TitleBar;
 
/**
 * 程序主界面
 *
 * Created by sunyd on 2019/2/22.
 */
public class MainActivity extends BaseActivity implements OnClickListener {
 
    private LinearLayout mMessageLl, mColckLl, mHomeLl, mEntranceLl, mMeLl;
    private ImageView mMessageIv, mColckIv, mHomeIv, mEntranceIv, mMeIv;
    private TextView mMessageTv, mColckTv, mHomeTv, mEntranceTv, mMeTv;
    private BaseFragment baseFragment;
    
    @Override
    protected int bindLayout() {
        return R.layout.activity_main;
    }
 
    @Override
    protected void initView() {
        // 设置状态栏背景蓝色,文字白色
        StatusBarUtil.setStatusBarLightMode(this, false);
 
        mMessageLl = bindView(R.id.message_ll);
        mColckLl = bindView(R.id.clock_ll);
        mHomeLl = bindView(R.id.home_ll);
        mEntranceLl = bindView(R.id.entrance_ll);
        mMeLl = bindView(R.id.me_ll);
        mMessageIv = bindView(R.id.message_iv);
        mColckIv = bindView(R.id.clock_iv);
        mHomeIv = bindView(R.id.home_iv);
        mEntranceIv = bindView(R.id.entrance_iv);
        mMeIv = bindView(R.id.me_iv);
        mMessageTv = bindView(R.id.message_tv);
        mColckTv = bindView(R.id.clock_tv);
        mHomeTv = bindView(R.id.home_tv);
        mEntranceTv = bindView(R.id.entrance_tv);
        mMeTv = bindView(R.id.me_tv);
 
        changeFragment(MessageFragment.class, 0);
    }
 
    @Override
    protected void initData() {
 
    }
 
    @Override
    protected void setListeners() {
        mMessageLl.setOnClickListener(this);
        mColckLl.setOnClickListener(this);
        mHomeLl.setOnClickListener(this);
        mEntranceLl.setOnClickListener(this);
        mMeLl.setOnClickListener(this);
    }
 
    @Override
    protected void autoRefresh() {
 
    }
 
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.message_ll:
                changeFragment(MessageFragment.class, 0);
                break;
            case R.id.clock_ll:
                changeFragment(ClockFragment.class, 1);
                break;
            case R.id.home_ll:
                changeFragment(HomeFragment.class, 2);
                break;
            case R.id.entrance_ll:
                changeFragment(EntranceFragment.class, 3);
                break;
            case R.id.me_ll:
                changeFragment(MeFragment.class, 4);
                break;
        }
    }
 
    /**
     * 切换主界面
     * @param clazz
     * @param position
     */
    public void changeFragment(Class<? extends Fragment> clazz, int position) {
        FragmentManager fm = getSupportFragmentManager();
        FragmentTransaction ft = fm.beginTransaction();
        Fragment fragment = fm.findFragmentByTag(clazz.getName());
 
        if (fragment == null) {
            try {
                fragment = clazz.newInstance();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
 
        if (baseFragment != null && baseFragment != fragment) {
            ft.hide(baseFragment);
        }
 
        if (!fragment.isAdded()) {
            ft.add(R.id.main_fl, fragment, clazz.getName());
        } else {
            ft.show(fragment);
        }
 
        ft.commitAllowingStateLoss();
        baseFragment = (BaseFragment) fragment;
 
        mMessageIv.setImageResource(R.mipmap.ic_message_0);
        mColckIv.setImageResource(R.mipmap.ic_clock_0);
        mHomeIv.setImageResource(R.mipmap.ic_home_0);
        mEntranceIv.setImageResource(R.mipmap.ic_entrance_0);
        mMeIv.setImageResource(R.mipmap.ic_me_0);
        mMessageTv.setTextColor(getResources().getColor(R.color.gray));
        mColckTv.setTextColor(getResources().getColor(R.color.gray));
        mHomeTv.setTextColor(getResources().getColor(R.color.gray));
        mEntranceTv.setTextColor(getResources().getColor(R.color.gray));
        mMeTv.setTextColor(getResources().getColor(R.color.gray));
 
        if (position == 0) {
            mMessageIv.setImageResource(R.mipmap.ic_message_1);
            mMessageTv.setTextColor(getResources().getColor(R.color.app_style_color));
        } else if (position == 1) {
            mColckIv.setImageResource(R.mipmap.ic_clock_1);
            mColckTv.setTextColor(getResources().getColor(R.color.app_style_color));
        } else if (position == 2) {
            mHomeIv.setImageResource(R.mipmap.ic_home_1);
            mHomeTv.setTextColor(getResources().getColor(R.color.app_style_color));
        } else if (position == 3) {
            mEntranceIv.setImageResource(R.mipmap.ic_entrance_1);
            mEntranceTv.setTextColor(getResources().getColor(R.color.app_style_color));
        } else if (position == 4) {
            mMeIv.setImageResource(R.mipmap.ic_me_1);
            mMeTv.setTextColor(getResources().getColor(R.color.app_style_color));
        }
    }
}

这里呢,每一个Fragment都继承了BaseFragment,下面是BaseFragment的代码实现

/**
 * TODO
 * By sunyd, 2016-7-19
 */
package com.zkteco.pridebiosecurity.base;
 
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.FragmentManager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
 
import com.zkteco.pridebiosecurity.widget.LoadingDialog;
 
/**
 * fragment基类
 *
 * @author sunyd, 2016-7-19
 */
public abstract class BaseFragment extends android.support.v4.app.Fragment {
 
    protected Context mContext;
    private LoadingDialog mABLoadingDialog;
    protected View mRootView;
 
    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
 
    @Override
    @Nullable
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(bindLayout(), container, false);
    }
 
    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        mABLoadingDialog = new LoadingDialog(getActivity());
        mContext = getActivity();
        mRootView = view;
        initView();
    }
 
    protected <T extends View> T bindView(int id) {
        @SuppressWarnings("unchecked") T t = (T) mRootView.findViewById(id);
        return t;
    }
 
    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        initData();
        setListeners();
    }
 
    @Override
    public void onResume() {
        super.onResume();
        autoRefresh();
    }
 
    /**
     * 绑定布局
     * @return
     */
    protected abstract int bindLayout();
 
    /**
     * 初始化组件
     */
    protected abstract void initView();
 
    /**
     * 数据
     */
    protected abstract void initData();
 
    /**
     * 设置监听
     */
    protected abstract void setListeners();
 
    /**
     * 自动刷新
     */
    protected abstract void autoRefresh();
 
    /**
     * 加载动画
     * @param show
     */
    public void showOrHideWaitBar(boolean show) {
        if (mABLoadingDialog != null) {
            if (show) {
                mABLoadingDialog.show();
            } else {
                mABLoadingDialog.dismiss();
            }
        }
    }
 
    @Override
    public void onDestroy() {
        if (mABLoadingDialog != null && mABLoadingDialog.isDialogShowing()) {
            mABLoadingDialog.dismiss();
        }
        super.onDestroy();
    }
}

MainActivity继承BaseActivity,下面便是BaseActivity实现代码

 package com.zkteco.pridebiosecurity.base;
 
import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
 
import com.zkteco.pridebiosecurity.R;
import com.zkteco.pridebiosecurity.util.StatusBarUtil;
import com.zkteco.pridebiosecurity.widget.LoadingDialog;
 
 
/**
 * activity基类
 *
 * @author sunyd, 2019-2-25
 */
@SuppressLint("NewApi")
public abstract class BaseActivity extends AppCompatActivity {
 
    private LoadingDialog mABLoadingDialog;
    protected Context mContext;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        BaseApplication.getInstance().addActivity(this);
        // 设置状态栏背景白色,文字黑色
        StatusBarUtil.setStatusBarLightMode(this, true);
        setContentView(bindLayout());
 
        mABLoadingDialog = new LoadingDialog(this);
        mContext = this;
        initView();
        initData();
        setListeners();
    }
 
    @Override
    protected void onResume() {
        super.onResume();
        autoRefresh();
    }
 
    @Override
    public void finish() {
        BaseApplication.getInstance().removeAcitivity(this);
        super.finish();
    }
 
    /**
     * 简化初始化过程
     * @param id
     * @param <T>
     * @return
     */
    protected <T extends View> T bindView(int id) {
        @SuppressWarnings("unchecked") T t = (T) findViewById(id);
        return t;
    }
 
    /**
     * 绑定布局
     * @return
     */
    protected abstract int bindLayout();
 
    /**
     * 初始化组件
     */
    protected abstract void initView();
 
    /**
     * 数据
     */
    protected abstract void initData();
 
    /**
     * 设置监听
     */
    protected abstract void setListeners();
 
    /**
     * 自动刷新
     */
    protected abstract void autoRefresh();
 
    /**
     * 加载动画
     */
    public void showOrHideWaitBar(boolean show) {
        if (mABLoadingDialog != null) {
            if (show) {
                mABLoadingDialog.show();
            } else {
                mABLoadingDialog.dismiss();
            }
        }
    }
 
    @Override
    public void onDestroy() {
        if (mABLoadingDialog != null && mABLoadingDialog.isDialogShowing()) {
            mABLoadingDialog.dismiss();
        }
        super.onDestroy();
    }
 
}

以上便实现了,这个功能的所有效果。

当我们APP使用时也会常用到Application,也就是iOS里面的AppDelegate。可以方便我们实现很多方法

下面是Application的实现

package com.zkteco.pridebiosecurity.base;
 
import android.app.Activity;
import android.app.Application;
import android.content.Intent;
 
import com.zkteco.pridebiosecurity.util.CrashHandler;
import com.zkteco.pridebiosecurity.view.login.LoginActivity;
 
import java.util.Set;
import java.util.WeakHashMap;
 
/**
 * APP主入口
 *
 * @author sunyd, 2016-7-19
 */
public class BaseApplication extends Application {
 
    private final WeakHashMap<Activity, Integer> mActivityGroup = new WeakHashMap<>(1);
    private static BaseApplication sInstance = null;
 
    @Override
    public void onCreate() {
        super.onCreate();
        sInstance = this;
    }
 
    /**
     * 获取全局context
     * @return
     */
    public static BaseApplication getInstance() {
        return sInstance;
    }
 
    /**
     * 添加Activity
     * @param a
     */
    protected void addActivity(Activity a) {
        mActivityGroup.put(a, 0);
    }
 
    /**
     * 移除Activity
     * @param a
     */
    protected void removeAcitivity(Activity a) {
        mActivityGroup.remove(a);
    }
 
    /**
     * 获取所有Activity
     * @param c
     * @return
     */
    public Activity getActivityOfClass(Class<?> c) {
        Set<Activity> set = mActivityGroup.keySet();
        for (Activity a : set) {
            if (a.getClass() == c) {
                return a;
            }
        }
        return null;
    }
 
    /**
     * 退出所有Activity
     */
    public void exitAllActivities() {
        while (mActivityGroup.size() > 0) {
            Set<Activity> as = mActivityGroup.keySet();
            ((Activity[]) as.toArray())[0].finish();
        }
        mActivityGroup.clear();
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android仿水波纹流量球进度条控制器

    仿水波纹流球进度条控制器,Android实现高端大气的主流特效,供大家参考,具体内容如下 效果图: CircleView 这里主要是实现中心圆以及水波特效 package com.lgl.circleview; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.gra

  • Android实现类似iOS分栏控制器

    近公司接了一个项目,需要会安卓,人手不够的情况作为一个开发iOS的也需要跟进,开始学习android,集成开发环境以后.直接就被难到了,iOS里面的分栏控制器(tabbarcontroller)android里面根本没有这个控件,安卓都是自己来实现这个效果的.所以开始研究android是如何实现的,下面这些代码. 当我们创建一个android APP项目的时候会自动生成一个MainActivity,我们可以在这Activity实现这个效果.首先我们先看一下效果图 代码实现 <?xml versi

  • Android实现类似iOS风格的对话框实例代码

    分享一个简单的常用的对话框类,按照国际惯例,先上图 布局简单,先上布局.一个标题,一个内容,两个按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout an

  • Android实现类似IOS右滑返回的效果(原因分析及解决办法)

    使用类库SwipeBackLayout https://github.com/Issacw0ng/SwipeBackLayout 出现的问题: 1. 主Activity返回时黑屏或者返回只是看到桌面背景而没有看到上一个Activity界面 原因: 使用滑动返回需要在Activity的额主题中声明android:windowIsTranslucent=true,而该属性是设置Activity为是否为透明主题,当主Activity采用透明主题时,由于是app Activity栈中的第一个,所以滑动返

  • Android实现手机联系人分栏效果

    本文实例为大家分享了Android实现手机联系人分栏效果的具体代码,供大家参考,具体内容如下 小编在项目时期遇见了制作手机联系人分栏效果,查询了很多资料,现在总结如下: 添加的代码并不多,用ListView写好数据以后,只需在Adapter里添加一个方法,并且在getView()方法里添加几行代码即可.不过小编现在介绍的方法,只适合做简单项目,大型项目还没研究该代码是否有缺陷,欢迎各位大神批评指教. 给大家看一下,小编做的代码效果图: adapter具体代码如下: public class Co

  • Android实现类似ios滑动按钮

    IOS的滑动按钮菜单在UI设计里面绝对堪称一绝,在学习了Android的自定义view后,我萌生了模仿它的想法. 实现上面的模拟需要自定义一个View; 1).在View的OnDraw里画出圆角矩形,分别为灰色圆角矩形,红色圆角矩形,和绿色圆角矩形.然后计算相应的位置. 2).本例中的宽高比为1:0.65,内部红色矩形尺寸为外部矩形尺寸0.9,内部的圆的半径为外部高的0.45倍.按照这个比例计算相应的坐标. 3).本例中的动画是用ValueAnimation实现的,具体实现在下部代码中. 4).

  • iOS UISegmentControl实现自定义分栏效果

    本文实例为大家分享了iOS UISegmentControl实现自定义分栏效果的具体代码,供大家参考,具体内容如下 iOS 自带的UISegmentControl实现的就是类似上图的效果但是很多用处 一般这两个分栏是两个tableView,需要左右滑动来响应分栏 下面来讲述这样的效果是怎么实现的呢? 主要那里有一根短红线,需要滑动 来切换tableView 先自定义一个SegmentView .h //定义block,用来传递点击的第几个按钮 typedef void (^PassValueBl

  • Android UI设计系列之自定义SwitchButton开关实现类似IOS中UISwitch的动画效果(2)

    做IOS开发的都知道,IOS提供了一个具有动态开关效果的UISwitch组件,这个组件很好用效果相对来说也很绚丽,当我们去点击开关的时候有动画效果,但遗憾的是Android上并没有给我们提供类似的组件(听说在Android4.0的版本上提供了具有动态效果的开关组件,不过我还没有去看文档),如果我们想实现类似的效果那该怎么办了呢?看来又得去自定义了. 公司的产品最近一直在做升级,主要做的就是把界面做的更绚丽更美观给用户更好的体验(唉,顾客是上帝......),其中的设置功能中就有开关按钮,原来的开

  • iOS实现简单分栏效果

    本文实例为大家分享了iOS实现简单分栏效果的具体代码,供大家参考,具体内容如下 直接贴代码喽 GMSubfieldViiew.h #import <UIKit/UIKit.h> @interface GMSubfieldViiew : UIView /**  * select index  */ @property(nonatomic,copy) void(^clickIndex)(NSInteger index); - (instancetype)initWithFrame:(CGRect)

  • Android自定义view实现侧滑栏详解

    目录 前言 需求 效果图 编写代码 主要问题 前言 上一篇文章学了下自定义View的onDraw函数及自定义属性,做出来的滚动选择控件还算不错,就是逻辑复杂了一些.这篇文章打算利用自定义view的知识,直接手撕一个安卓侧滑栏,涉及到自定义LayoutParams.带padding和margin的measure和layout.利用requestLayout实现动画效果等,有一定难度,但能重新学到很多知识! 需求 这里类似旧版QQ(我特别喜欢之前的侧滑栏),有两层页面,滑动不是最左侧才触发的,而是从

  • Android编程四大组件分别是什么

    Android开发四大组件分别是:活动(Activity):用于表现功能.服务(Service):后台运行服务,不提供界面呈现.广播接收器(BroadcastReceiver):用于接收广播.内容提供商(ContentProvider):支持在多个应用中存储和读取数据,相当于数据库. 1.Activity Android 中,Activity 是所有程序的根本,所有程序的流程都运行在Activity 之中,Activity可以算是开发者遇到的最频繁,也是Android 当中最基本的模块之一.在A

随机推荐