viewpager带圆点的过渡页

2023-10-12 23:20
文章标签 viewpager 过渡 圆点

本文主要是介绍viewpager带圆点的过渡页,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

学习引导

http://blog.csdn.net/bobo8945510/article/details/52742758 第一节 viewpager初识

http://blog.csdn.net/bobo8945510/article/details/52743570 第二节 viewpager实现滑动条功能

http://blog.csdn.net/bobo8945510/article/details/52779629 第三节 viewpager实现滑动条及导航功能


Viewpager实现带下面带圆点的过渡页,先来效果图

这里写图片描述

点圆点过渡页DEMO地址:http://download.csdn.net/detail/bobo8945510/9650441:

实现这个功能需要几个步骤,如下

1、布局用的是FrameLayout,需要了解的可以在网上百度。简单来说就是,他会前面的界面会遮挡住后面的界面

2、创建三个点布局,引用两个写好的样式,样式的效果就如上面图,点的黑色和白色效果

3、在改变页面的时候关联页卡,并记录上次点位置,设置为不选中状态。

一、布局效果

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"tools:context="com.example.enz.viewpagertext.MainActivity"><android.support.v4.view.ViewPager
        android:id="@+id/viewp_01"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#f33432"></android.support.v4.view.ViewPager><LinearLayout
        android:layout_width="match_parent"android:layout_height="35dip"android:layout_gravity="bottom"android:gravity="center"android:orientation="vertical" ><LinearLayout
            android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="3dip"android:orientation="horizontal" ><View
                android:id="@+id/dot_1"android:layout_width="10dip"android:layout_height="10dip"android:layout_marginLeft="2dip"android:layout_marginRight="2dip"android:background="@drawable/dot_normal" /><View
                android:id="@+id/dot_2"android:layout_width="10dip"android:layout_height="10dip"android:layout_marginLeft="2dip"android:layout_marginRight="2dip"android:background="@drawable/dot_normal" /><View

这篇关于viewpager带圆点的过渡页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/199157

相关文章

ViewPager+fragment实现切换页面(一)

如今的很多应用中都是下面有一排按钮,点击可以切换页面,滑动也可以切换页面。下面就来简单的实现这个功能。 思路 首先肯定是会用到viewpager这个控件,为了能够向下兼容,最好用v4包下的viewpager,Activity要继承FragmentActivity 其次用一个集合来存储所有的fragment页面在设置viewpager的适配器时,把存储fragment页面的list集合传入ada

Nuxt3入门:过渡效果(第5节)

你好同学,我是沐爸,欢迎点赞、收藏、评论和关注。 Nuxt 利用 Vue 的 <Transition> 组件在页面和布局之间应用过渡效果。 一、页面过渡效果 你可以启用页面过渡效果,以便对所有页面应用自动过渡效果。 nuxt.config.js export default defineNuxtConfig({app: {pageTransition: {name: 'fade',mode

安卓中的fragment与viewPager的使用问题的解决

最近使用viewPager,结合fragment使用,发现fragment的周期将不符合他的原有的周期流程,多个fragment将会产生错位问题。       通过研究相关代码,发现fragment的切换实际调用的函数为setUserVisibleHint,通过在其中重写方法,将会达到fragment正确切换的效果。       public void setUserVisible

HTMX:用HTML属性实现AJAX、CSS过渡和WebSockets

前言 在现代 Web 开发中,用户界面的交互性和响应性是至关重要的。 用户期望网站和应用程序能够即时响应他们的操作,提供流畅和直观的体验。 传统的 JavaScript 库虽然功能强大,但往往伴随着复杂的配置和庞大的文件大小,这可能会影响应用的性能和开发效率。 介绍 htmx 是一个轻量级的 JavaScript 库,它允许开发者使用简单的 HTML 属性来实现复杂的交互功能。 它

简单的启动页滑动动画,下面带圆点的切换

一个简单实用的滑动页动画,开始之前我们先认识一个空间,ViewPager,他是google SDk中自带的一个类,可以用来实现屏幕之间的切换。 先上代码,一看就明了!! GlideActivity.ava import java.util.ArrayList;import android.app.Activity;import android.content.Intent

ViewPager切换动画PageTransformer的使用

Android从3.0开始添加了属性动画后,诸多难以实现的动画都可以轻松解决了,v4包下的ViewPager控件当然也不例外,相对于非常平庸的默认切换动画,Google官方给我们展示了两个动画例子:DepthPageTransformer和ZoomOutPageTransformer,比较炫。 实际上我们也可以通过实现ViewPager.PageTransformer接口来做出完全不同的切换

Android-ViewPager禁止左滑(右滑)

因为项目需求,要做一个滑动月份选择的效果,而且滑动到当前月就要禁止左滑到下一个月,百度了下,大多是禁止左右双向滑动,满足不了效果,继续百度了解了下 触摸事件的分发,我决定自己写一个试试,结果效果很好。开始出现了一个bug,来回滑任然能左滑过去,结果发现是仅把按下时作为上一次坐标,来和当前坐标对比,肯定会有不满足的情况。这个问题已经解决了,直接看代码吧。     package

Cocos2dx 3.0 过渡篇(五) 随机数的获取

1、简单的随机数用法:CCRANDOM_0_1 示例如下: [cpp] int HelloWorld::getRand(int start,int end)  {   float i = CCRANDOM_0_1()*(end-start+1)+start;  //产生一个从start到end间的随机数   return (int)i;  }   2、上述的方法虽然简便,但是运行

Cocos2dx 3.0 过渡篇(三) 触摸机制

尊重原创,转载请注明来自:star特530的CSDN博客 http://blog.csdn.net/start530/article/details/18325493 本来在中午休息时间打算大展拳脚,好好写一篇新触摸机制相关的博文,结果,等真正下手的时候才发现无从下手,很多地方自己都说不清,赶紧看了下testCpp,才发现原来是这样,还可以这样,哦?这样都行?哎,我还是太年轻了。   咱也只能

Cocos2dx 3.0 过渡篇(二) 事件回调

尊重原创,转载请注明来自:star特530的CSDN博客 http://blog.csdn.net/start530/article/details/18216679 3.0 后的事件回调函数接口都不一样了,例如按钮的menu_selector(),update的 schedule_selector等,都已成明日黄花。而新的回调接口,则由四个CC_CALLBACK取代。 下面先举例一些