Android 圆点导航+引导页的实现

最新推荐文章于 2023-06-18 12:09:08 发布
最新推荐文章于 2023-06-18 12:09:08 发布
阅读量849 收藏 5
点赞数 1
分类专栏： android 文章标签： android 引导页 viewpager 圆点 Navigation
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xialong_927/article/details/80332423
版权

圆点导航的实现参照上一篇博文：https://blog.csdn.net/xialong_927/article/details/80332024

1、viewpager + FragmentActivity

布局文件common_activity_step4.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/theme_bg"
    android:orientation="vertical">

    <com.view.CustomMenuBar
        android:id="@+id/menubar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <com.view.HorizontalDotNavigation
            android:id="@+id/dot"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="100dp" />

    </RelativeLayout>

</LinearLayout>

RemoteStep5Activity.java

/**
 * Created by xl on 2018/4/24.
 */
public class RemoteStep5Activity extends FragmentActivity {

    private final static String TAG = RemoteStep5Activity.class.getSimpleName();
    private Context mContext;
    private CustomMenuBar mMenubar;
    private ViewPager mViewPager;
    private HorizontalDotNavigation mDotNavigation;
    private List<Fragment> mListFragment;
    private int miCurrPager = 0;

    public final static int[] mContentIds = new int[]{
            R.string.msg_install_remote_step4_tip1, R.string.msg_install_remote_step4_tip2,
            R.string.msg_install_remote_step4_tip3, R.string.msg_install_remote_step4_tip4,
            R.string.msg_install_remote_step4_tip5, R.string.msg_install_remote_step4_tip6,
            R.string.msg_install_remote_step4_tip7
    };

    public final static int[] mBtnTextIds = new int[]{
            R.string.t_install_done, R.string.t_install_done,
            R.string.t_install_done, R.string.t_install_done,
            R.string.t_install_done, R.string.t_install_done,
            R.string.t_install_finish
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.common_activity_step4);
        findView();
        init();
    }

    /**
     * 查找控件
     */
    private void findView() {
        mMenubar = (CustomMenuBar) this.findViewById(R.id.menubar);
        mViewPager = (ViewPager) this.findViewById(R.id.viewpager);
        mDotNavigation = (HorizontalDotNavigation) this.findViewById(R.id.dot);
    }

    /**
     * 初始化
     */
    private void init() {
        // 初始化变量
        mContext = this;
        // 添加Activity到堆栈
        AppManager.getAppManager().addActivity(this);
        // 设置menubar
        mMenubar.setText(R.string.textview_button_remote);
        mMenubar.setButtonBackClick(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                exit();
            }
        });
        mMenubar.setButtonSeniorClick(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                CommonPopupAction.show(mContext, mMenubar);
            }
        });
        // 初始化list
        initFragmentList();
        // 初始化viewpager
        mViewPager.setAdapter(new MyFragmentViewPager(getSupportFragmentManager()));
        mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                // 设置导航
                setDotNavigation(position);
                // 设置当前页
                miCurrPager = position;
                // 开始停止更新
                switch (position) {
                    case 0:
                        break;
                    case 1:
                        break;
                }
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
        // 设置默认为第一屏
        mViewPager.setCurrentItem(0);
        // 初始化导航
        initDotNavigation(mListFragment.size());
    }

    /**
     * 初始化fragmentlist
     */
    private void initFragmentList() {
        mListFragment = new ArrayList<>();
        for (int i = 0; i < 7; i++) {
            RemoteStepFragment fragment = new RemoteStepFragment(i);
            mListFragment.add(fragment);
        }
    }

    /**
     * ViewPager适配器
     *
     * @author xl
     */
    class MyFragmentViewPager extends FragmentPagerAdapter {

        public MyFragmentViewPager(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return mListFragment.get(position);
        }

        @Override
        public int getCount() {
            return mListFragment.size();
        }

    }

    /**
     * 设置当前页
     */
    public void setCurrPager(int position){
        mViewPager.setCurrentItem(position);
    }

    /**
     * 初始化导航
     */
    public void initDotNavigation(int sum) {
        mDotNavigation.setLenght(sum);
        mDotNavigation.setSelected(0);
    }

    /**
     * 设置导航
     */
    public void setDotNavigation(int select) {
        mDotNavigation.setSelected(select);
    }

    /**
     * 跳转页面
     */
    public void enter() {
        Intent intent = new Intent(this, StartActivity.class);
        startActivity(intent);
        AppManager.getAppManager().finishActivity(this);
        overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);
    }

    /**
     * 返回
     */
    private void exit() {
        AppManager.getAppManager().finishActivity(this);
        overridePendingTransition(R.anim.push_right_in, R.anim.push_right_out);
    }

    /**
     * 按键监听
     *
     * @param keyCode
     * @param event
     * @return
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {
            exit();
            return true;
        }
        if (keyCode == KeyEvent.KEYCODE_MENU) {
            CommonPopupAction.show(this, mMenubar);
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
}

2、fragment的实现

布局文件common_fragment_step.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/theme_bg"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="20dp"
            android:background="@drawable/shape_steptext_bg"
            android:gravity="center"
            android:text="1"
            android:textColor="@color/white"
            android:textSize="17sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tv2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:paddingBottom="20dp"
                android:paddingTop="20dp"
                android:text="@string/msg_setup_register"
                android:textColor="@color/white"
                android:textSize="17sp" />

            <Button
                android:id="@+id/btn1"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_marginBottom="20dp"
                android:background="@drawable/shape_setup_corners"
                android:text="@string/t_setup_register"
                android:textColor="@drawable/remote_selector_text_click"
                android:textSize="17sp" />

            <Button
                android:id="@+id/btn2"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_marginBottom="20dp"
                android:background="@drawable/shape_setup_corners"
                android:text="@string/t_setup_register"
                android:textColor="@drawable/remote_selector_text_click"
                android:textSize="17sp" />

        </LinearLayout>

    </RelativeLayout>

</LinearLayout>

RemoteStepFragment.java

/**
 * 数据采集器下逆变器列表
 * 
 * @author xl
 * 
 */
public class RemoteStepFragment extends Fragment {

	private final static String TAG = RemoteStepFragment.class.getSimpleName();
	private RemoteStep5Activity mActivity;
	private View mView;
	private TextView mText1;
	private TextView mText2;
	private Button mButton1;
	private Button mButton2;
	private int mTag;

	public RemoteStepFragment() {
	}

	public RemoteStepFragment(int tag) {
		this.mTag = tag;
	}

	@Override
	public void onCreate(Bundle savedInstanceState) { // 仅仅执行一次
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) { // 可执行多次,每当切换到该页面时执行一次
		if (mView == null) {
			mView = inflater.inflate(R.layout.common_fragment_step, null);
			findView();
			init();
		} else {
			ViewGroup group = (ViewGroup) mView.getParent();
			if (group != null) {
				group.removeView(mView);
			}
		}
		return mView;
	}

	/**
	 * 查找控件
	 */
	private void findView() {
		mText1 = (TextView) mView.findViewById(R.id.tv1);
		mText2 = (TextView) mView.findViewById(R.id.tv2);
		mButton1 = (Button) mView.findViewById(R.id.btn1);
		mButton2 = (Button) mView.findViewById(R.id.btn2);
	}

	/**
	 * 初始化
	 */
	private void init() {
		// 初始化变量
		mActivity = (RemoteStep5Activity) getActivity();
		// 初始化textview
		mText1.setVisibility(View.GONE);
		mText2.setText(RemoteStep5Activity.mContentIds[mTag]);
		//设置按钮
		mButton1.setText(RemoteStep5Activity.mBtnTextIds[mTag]);
		mButton2.setVisibility(View.GONE);
		mButton1.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View view) {
				if(mTag == 6){
					mActivity.enter();
				}else{
					mActivity.setCurrPager(mTag + 1);
				}
			}
		});
	}

}

如图


完！！！

沧海龙腾LV
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
APP引导页+圆点滑动
10-13
该项目实现了常见APP中的的引导页页面和log页的小圆点的滑动实现，有不足可以共同进步
Android 启动引导页（动态生成底部导航圆点）【转】
shareinfo2018
09-24 1470
来自：http://blog.csdn.net/ywl5320/article/details/38413101 工作快半年了，想把工作中的一些有用的东西分享分享，于是想到了写博客，方便别人查看，也方便自己记录点滴。好了，客套话不多说。今天我要分享的是“android 启动引导页”效果的实现，底部的导航圆点根据引导页的数量动态生成，不是在布局文件里写死了的，主要用到了ViewPager这个类
Android安卓开发-欢迎页导航页SplashActivity-带圆点指示器-页面布局系列
ruiruiddd的博客
04-14 265
Splash Activity 欢迎页，带圆点指示器
Android -- 启动引导页
十二间记，知不足而奋斗，望远山而前行。千里不辞行路远，时光早晚到天涯。
08-14 2539
引导页，碎片改进引导页
Android开发--实现Android引导页
热门推荐
Waterme10n的博客
04-15 1万+
Android开发——实现引导页
Android引导界面
qq_62277763的博客
06-14 241
一个很好的第三方加载库
Andriod开发 用fragment实现引导页
最新发布
jmqxnxg的博客
06-18 347
所以我们可以用fragment来实现引导页，这样内存里一次最多保存两三个View，内存开销小。当View数量比较少的时候不成问题，但当引导页要切换上百次时，就会造成内存开销过大的问题。因为要切换不同的View，所以在初始化Adapter的时候，就把所有View设置好了。中，是用PagerAdapter的子类实现的引导页。1.fragment优点。
Android ViewPager导航小圆点实现无限循环效果
01-04
之前用View Pager做了一个图片切换的推荐栏（就类似与淘宝、头条客户端顶端的推荐信息栏），...另外一点需要注意的是，这里的数据源+2，而导航小圆点却比数据源少2，这样在无限循环的时候，小圆点的切换就不好办了。本
android炫酷引导页面的实现
10-13
引导圆点是可以动态根据你手指滑动而左右移动的，这个我在网上找的一个demo改写而来的，之前这个demo中的引导圆点的半径(R)、间距以及移动圆点的颜色都是不可改变的，经过小编的研究，这些参数都可以根据你的需要来...
Android studio3.5版本引导页实现的实例
09-26
实现首次打开安卓app是进入引导页，在引导页退出和下次打开时进入首页3.5版本
Android之ViewPager实现引导页（第一次打开App进入引导页，第二次直接进入APP主页面）
03-11
Android实现引导页（第一次打开App进入引导页，第二次直接进入APP主页面） 博客地址：http://blog.csdn.net/dickyqie/article/details/61413419
Android进阶篇之引导页系列之ViewPager实现Animation动画引导页
04-02
ViewPager+Animation实现动画引导页
android 画圆
09-24
动态画圆效果,从0%加载到100%效果，包含圈内文字效果。
android功能引导页+启动页实现
04-21
功能描述网址：https://blog.csdn.net/lv_hang515888/article/details/80028970
Android viewpager打造带小圆点的引导页
08-28
Android viewpager打造带小圆点的引导页，代码都有注释，简单易懂。
android特效引导页面的实现
10-13
引导页面中的引导圆点是可以动态根据你手指滑动多少而左右移动多少，这个我在网上找的一个demo改写而来的，之前这个demo中的引导圆点的半径(R)、间距以及移动圆点的颜色都是不可改变的，经过小编的研究，这些参数都...
Android引导页实现
QingHuanWu的博客
05-26 885
我们在第一次使用一个app的时候或多或少都会有引导页的存在，在这个帖子中我已经整理好了相关的类容 下面是部分截图 先创建一个空的activity叫StartActivity里面的代码为 public class StartActivity extends AppCompatActivity { private ViewPager startViewpager; public List<View> introductionList; private Introductio
android 动态引导界面设计,Android使用ViewPager实现启动引导页
weixin_26976635的博客
05-25 154
我们在安装某个APP的时候，基本都会有一个引导页的提示，他们可以打广告，或者介绍新功能的加入和使用说明等。一般都支持滑动并且下面有几个点，显示共有多少页和当前图片的位置，在IOS上这个实现起来比较简单，但在安卓上如何实现呢。今天就和大家一起来学习用官方v4支持包下的ViewPager来实现这个效果。/p>先上图：下面是我的实现，一个xml布局，一个GuideActivity和一个GuideP...
android(2) 功能引导界面实现
u010708662的专栏
05-20 2146
一.界面实现：      记录下引导界面的实现，总体来说实现不算困难，前提是要有个美工帮你做这些引导图片：

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值