标签布局TabLayout是MaterialDesign库中的一个新控件，常与工具栏Toolbar搭配使用。大家平时常用的App就有不少采用了TabLayout，比如京东App的商品页，从左到右依次是“商品”、“详情”、“评价”，具体界面如下图所示：
建立ViewPage的步骤： 1. 在XML布局中加入android.support.v4.view.ViewPager:
昨天设计图刚出一点，写了《Android 必知必会 - 动态切换着色模式和全屏模式》，记录了动态修改页面显示模式的方式。今天又有新图，不过设计师只考虑 iOS 平台的设计，拿到设计图发现 TabLayout + ViewPager 的套路实现起来很麻烦，考虑了下，为了方便，决定使用 RadioGroup + ViewPager 来实现，之所以使用 RadioGroup ，是因为它内部多个 RadioButton 的状态是互斥的，也就是只有一个是选中状态，不需要我们进行多余的处理。总体来说比较简单，就是细节略多了点。
概述 今天我们来讲解一下关于 ViewPager 的使用，它是一个允许子视图左右滚动翻页的容器。我们知道在Android开发中系统有ViewPager这个组件，作用是实现滚动翻页的，在RN中也是有这么一个组件的（ViewPagerAndroid），每一个ViewPagerAndroid的子容器会被视作一个单独的页，并且会被拉伸填满ViewPagerAndroid。 我们来看一段官方给出的例子： render: function() { return ( <ViewPagerAndroid
今天我们来讲解一下关于 ViewPager 的使用，它是一个允许子视图左右滚动翻页的容器。而且每一个 ViewPagerAndroid 的子容器会被视作一个单独的页，并且会被拉伸填满整个 ViewPagerAndroid。 特别注意：ViewPagerAndroid 中所有的子视图必须是，必须是，必须是纯 View 组件，不能是复合的容器和组件。我们可以给每个子视图设置样式，比如：padding 或者 backgroundColor 。 来，我们看一看 ViewPagerAndroid 有哪些属性或者方法呢
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/52270186
效果图 app中下面这样的控件很常见，像默认的TabHost表现上不够灵活，下面就简单写一个可以结合ViewPager切换内容显示，提供底部“滑动条”指示所显示页签的效果。 这里控件应对的场景是“水平
App在页面底部展现标签栏导航的效果，有多种实现方式，包括TabActivity方式、ActivityGroup方式、FragmentActivity方式等等，具体的实现方案参见之前的博文《Android开发笔记（十九）底部标签栏》。 一般情况下这种底部标签栏能够满足大部分的业务需求，然而有时客户的口味比较独特，固定的几款套餐已经不能满足她的胃口了。比如客户要求做成自助餐形式，同时长条的固定餐台也要换成可以滑动的餐台，因为固定餐台还得客户左右移步才能夹菜，可滑动的餐台就无需客户再走来走去。那么对应到底部标签栏这里，便是要求标签页的个数允许定制，并且每个页面除了可以通过标签页的点击操作进行切换之外，也允许通过左右滑动来切换。
今天带大家来探索下如何用Fragment+FragmentTabHost++ViewPager实现底部菜单栏
Android从3.0之后引入了Fragment，可以把它理解为页面的一个片段，比如一个html网页就包含一个header头部片段，以及一个body身体片段。 设计Fragment的目的是让页面布局更加灵活，不但可以随意组装和拼接各个片段，还可以只更新某个片段实现页面局部更新的功能（这个类似网页的ajax技术）。Fragment可以协助我们完成如下任务： 1、在一个页面中嵌入多个连续可翻页的子视图，方面使用ViewPager统一管理； 2、开发一些通用的小部件，内部封装好代码逻辑，可直接嵌入到任意页面。比如广告、地图等组件； 3、同一套代码可适配不同尺寸的屏幕，比如说同时适配竖屏与横屏，同时适配手机与平板等等；
Android开发中使用底部菜单栏的频次非常高，主要的实现手段有以下： - TabWidget - 隐藏TabWidget，使用RadioGroup和RadioButton - FragmentTabHost - 5.0以后的TabLayout - 最近推出的 Bottom navigation
本文实例为大家分享了Android控件ViewPager实现卡片翻动效果的具体代码，供大家参考，具体内容如下
正如RecyclerView横空出世取代ListView和GridView那样，Android也推出了二代翻页视图ViewPager2，打算替换原来的翻页视图ViewPager。与ViewPager相比，ViewPager2支持更丰富的界面特效，包括但不限于下列几点： 1、不但支持水平方向翻页，还支持垂直方向翻页； 2、支持RecyclerView.Adapter，允许调用适配器对象的notifyItem***方法，从而动态刷新某项视图； 3、除了当前页，也支持展示左右两页的部分区域； 4、支持在翻页过程中展示自定义的切换动画； 虽然ViewPager2增加了这么棒的功能，但它用起来非常简单，掌握下面几个方法就够了： setAdapter：设置二代翻页视图的页面适配器。 setOrientation：设置二代翻页视图的翻页方向。其中ViewPager2.ORIENTATION_HORIZONTAL表示水平方向，ViewPager2.ORIENTATION_VERTICAL表示垂直方向。 setPageTransformer：设置二代翻页视图的页面转换器，以便展示切换动画。 接下来利用循环适配器搭配二代翻页视图，演示看看ViewPager2的界面效果。注意RecyclerView与ViewPager2拥有各自的AndroidX库，故需修改模块的build.gradle，在dependencies节点内部补充以下两行依赖配置：
前言 很长一段时间没写博客了，再不写点东西真说不过去，把工作上的一些有价值的东西整理出来分享，在当下还有点时效性，不然迟早会烂在肚子里的。还记得之前小巫有个开源计划是想实现一个星期开发app，现在把它拾起来，计划没有实行起来跟我那懒惰的身躯有关，任何伟大的事情都需要强大的执行力才能实现，慢一点没关系，能创造点东西就是值得的事情。 本篇博客先介绍一个app最常见的特性，就是新功能属性介绍和启动屏，一般会怎么实现呢，这不就打算告诉大家了么。 先说逻辑 先判断是否第一次启动app，如果是，则进入功能使用导航（最简
在很多APP第一次启动时都会出现引导页，在一些APP里面还会包括一些左右滑动翻页和页面轮播切换的情况。在之前也已经学习了AdapterViewFlipper和ViewFlipper，都可以很好的实现，今天继续来学习一个功能更加强大的ViewPager组件。 一、ViewPager简介 ViewPager是android扩展包v4包中的类，这个类可以让用户左右滑动切换当前的view。ViewPager继承自ViewGroup，也就是ViewPager是一个容器类，可以包含其他的View类。
页面切换以及PopupWindow ---- 现在很多的app主页的一个activity都有很多的页面，比如qq以及微信等等，今天的主要是利用ViewPager和PopupWindow。由于制作很简单，然而没有利用开源库，于是自己尝试写了一个比较简单的，【百度云】
Android 3.0后引入的一个UI控件——ViewPager(视图滑动切换工具)
地址 CSDN 地址：http://blog.csdn.net/xiangyong_1521/article/details/50519048 RadioButton+Fragment+viewpager的程序框架对我来说是种信仰，公司里大概有15个程序是用的我写信仰架构! 目录 ViewPager简单介绍 RadioButton简单介绍 使用效果 主要代码 一.ViewPager简单介绍 1）是怎么样的一个控件？ 答：一个页面切换的组件，我们可以往里面填充多个View，然后我们可以通过触摸屏幕左右滑动 切
如需以左右或上下方式浏览内容，您可以分别使用 HorizontalPager 和 VerticalPager可组合项。
在布局文件中，先添加<android.support.v4.view.ViewPager/>控件，这个只是轮播的区域
ViewPager是页面，PagerTabStrip和 PagerTitleStrip是设置标题的
在前面一篇文章中，已经分析了ViewPager初始化的原理，而本篇文章开始分析ViewPager的滑动及页面切换的原理。在阅读本文之前，大家可以先去了解下Scroller的用法，以便大家更好的理解ViewPager的滑动原理。
前言：前几篇文章讲解了ViewPager的普通实现方法，但android官方最推荐的一种实现方法却是使用fragment，下面我们使用fragment来重新实现一下第一篇《ViewPager 详解（一）—基本入门》所实现的效果。
在android移动端的开发中，首页轮播图是一个特别常见的功能，所以今天就来将最近写的一个小demo记录一下。
安卓使用TabLayout+ViewPager+Fragment 实现页面切换，可实现左右滑动切换视图界面和点击切换
在前面两篇文章中，已经对ViewPager的实现原理有了分析，相信大家对于ViewPager的页面切换也有了一定的了解，接下来就是在ViewPager的基础上对其进行改造，达到无限循环的目的。
Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。
Android开发过程中，特别是新开的项目，底部状态栏的切换使用的频率非常的高，主要的实现方式有：
滑出式菜单从界面上看，像极了一个水平滚动视图HorizontalScrollView，当然也可以使用HorizontalScrollView来实现侧滑菜单。不过今天博主要说的是利用线性布局LinearLayout来实现，而且是水平方向上的线性布局。 可是LinearLayout作为水平展示时有点逗，因为如果下面有两个子视图的宽度都是match_parent，那么LinearLayout只会显示第一个子视图，第二个子视图却是怎么拉也死活显示不了。倘若在外侧加个HorizontalScrollView，由于HorizontalScrollView的宽度只能是wrap_content，因此子视图的宽度也只能是wrap_content而不能是match_parent了，故而HorizontalScrollView做不到子页面全屏的效果。 现在我们既希望两个子视图的宽度是match_parent，又希望能够拖动两个子视图，还有没有办法呢？办法肯定是有的，在《Android开发笔记（三十五）页面布局视图》中，我们提到margin和padding都可用来设置空隙，空隙的数值都是正数，其实空隙值也能是负数，负数表示该视图被隐藏了一部分，仿佛一张纸插了部分纸面到书中，于是只有一部分露了出来。具体到LinearLayout的编码实现，对应的便是LinearLayout.LayoutParams的leftMargin参数，若该参数为正数，则视图页面拉出了一段空白；若该参数为负数，则视图页面隐藏了一段内容；若该参数是该视图宽度的赋值，则表示视图页面完全隐藏了起来，跟visible="gone"的效果类似。 所以我们可以给视图添加触摸监听器OnTouchListener，在触摸坐标发生变化的同时，给菜单子页面隐入隐出对应的宽度，从而达到抽屉式拉出菜单的效果。一旦触摸弹起，根据手势滑动的距离，判断当前是要拉出整个菜单，还是缩回才拉出一部分的菜单。这个判断可按照滑动偏移是否达到屏幕一半宽度的条件，至于自动拉出或者自动缩进的动画，可由Runnable来定时刷新视图的leftMargin参数。 下面是一个简单侧滑的效果截图：
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/52939127
文章首发地址CSDN：http://blog.csdn.net/gdutxiaoxu/article/details/52939127
但是 Navigator组件有比较大的局限性， 该组件通过启动一个新的 Hippy 实例实现，在 2.0 下实例之间可能无法互相通信，iOS 上也必须作为根节点包裹所有子组件，使用有很大限制。
视频介绍 //v.qq.com/txp/iframe/player.html?origin=https%3A%2F%2Fmp.weixin.qq.com&containerId=js_tx_vide
每天都在进步。最近在学习jquery mobile开发，使用的button，绑定事件，和大家一起学习，一起分享！
2.初始化ViewPager控件,然后为控件设置适配器,创建出来的适配器实现里面的四个方法
FragmentPagerAdapter是android-support-v4支持包里面出现的一个新的适配器，继承自PagerAdapter，是专门用来给支持包中出现的ViewPager进行数据适配的。
大部分app首页一般都会有个无限循环的广告轮播位，通常都是采用ViewPager来实现的，对此大家肯定不会感到陌生。而关于无限循环的ViewPager的实现，一般有下面三种实现方式。
今天我们将通过一个实战案例，来展示如何使用GSAP和barba.js制作一个炫酷的页面切换效果。该案例展示了一个在线购物网站的首页和产品页之间的切换动画。通过这个案例，大家可以学会如何结合GSAP和barba.js实现流畅的页面过渡效果，动画效果如视频所示：
最终效果： 页面布局main.xml： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem
Tablayout 继承自 HorizontalScrollView，用作页面切换指示器，因使用简便功能强大而广泛使用在 App 中。
Hi，各位花粉们，上一节Android中最最常用—Fragment基础篇最详解，我们详细的介绍了 Fragment的基本原理及使用、 Fragment中的常用方法等。在这一节，将结合具体的使用场景，来更加全面的介绍 Fragment的日常使用。
在前面的博文《Android开发笔记（十九）底部标签栏TabBar》中，我们提到可以在一个主页面里通过选项卡方式，切换到不同的子页面。那么在手机上还有另外一种切换页面的方式，就是通过手势左右滑动，ViewPager就是这么一个左右滑动来切换页面的控件。 ViewPager的基本思想跟适配视图差不多，都是定义一组元素，通过适配器来展示与响应不同元素的处理，适配视图的相关说明参见《Android开发笔记（三十八）列表类视图》。
QTabWidget 用来分页显示 重要函数: 1.void setTabText(int, QString); //设置页面的名字. 2.void setTabToolTip(QString); //设置页面的提示信息. 3.void setTabEnabled(bool); //设置页面是否被激活. 4.void setTabPosition(QTabPosition::South); //设置页面名字的位置. 5.void setTabsClosable(bool); //设置页面关闭按钮。 6.int currentIndex(); //返回当前页面的下标，从0开始. 7.int count(); //返回页面的数量. 8.void clear(); //清空所有页面. 9.void removeTab(int); //删除页面. 10.void setMoveable(bool); //设置页面是否可被拖拽移动. 11.void setCurrentIndex(int); //设置当前显示的页面.
在你漫长的职业生涯中，你一定会遇到这样一种代码问题：你费尽毕生功能，搞断点、打 log，抓包，google... 各种高端操作轮番上阵，使尽浑身解数，然后，你，依然解决不了它。
葡萄城的一款尚在研发中的产品，对外名称暂定为X项目。其中使用了已经上市的Wijmo中SpreadJS产品，另外，在研发过程中整理了一些研发总结分享给大家。如本篇的在页面切换的过程中优化方案，欢迎大家跟帖交流。 前言 AngularJS被用来开发单页面应用程序（SPA），利用AJAX调用配合页面的局部刷新，可以减少页面跳转，从而获得更好的用户体验。Angular的ngView及其对应的强大路由机制，是实现SPA应用的核心模块。本文所说的页面切换指的就是这个路由机制，即根据不同的URL展示不同的视图。 有一种非
Android底部导航栏实现方式真的是太多了~在这里仅介绍几种实现方式~建议使用TabLayout +ViewPager ，TabLayout是Android Material Design中的控件，布局文件简单。
目录介绍 01.先来看一下需求 02.有几种实现方式 2.1 使用ViewPager 2.2 使用RecyclerView 03.用ViewPager实现 3.1 自定义ViewPager 3.2 ViewPager和Fragment 3.3 修改滑动距离翻页 3.4 修改滑动速度 04.用RecyclerView实现 4.1 自定义LayoutManager 4.2 添加滑动监听 4.3 监听页面是否滚动 4.4 attach和Detached 05.优化点详谈 5.1 ViewPager改变滑动速率 5
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
