在FragmentLayout里面添加翻页圆点

在一个FragmentLayout里面添加圆点实在翻页的基础上完成的,其实圆点的视图(View)就在Fragment里面与Viewpager不用层面上,就好像你穿了一件针织衫,现在再在你的衣服表面钉几个扣子是一个现象。看下面xml代码:

<?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:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.newworld.dmsapp2.fragment.MainHomeFragment"

tools:ignore="MergeRootFrame" >

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginBottom="20dp"

android:orientation="vertical" >

<android.support.v4.view.ViewPager

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/pager"

android:layout_width="match_parent"

android:layout_height="match_parent" >

<!-- 定义导航状态条组件 -->

<!-- <这里可以用一个炫酷的图片或两个点表示!> -->

<!--

<android.support.v4.view.PagerTitleStrip

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="top"

android:background="#33b5e5"

android:textColor="#fff"

android:paddingTop="4dp"

android:paddingBottom="4dp" />

-->

</android.support.v4.view.ViewPager>

<!--

<GridView

android:id="@+id/home_grid"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:horizontalSpacing="20dp"

android:numColumns="2"

android:padding="15dp"

android:stretchMode="columnWidth"

android:verticalSpacing="15dp" />

-->

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="5dp"

android:layout_marginBottom="1dp"

android:orientation="horizontal" >

<ImageView

android:id="@+id/down_page_num"

android:layout_width="match_parent"

android:layout_height="match_parent" />

</LinearLayout>

</LinearLayout>

<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="5dip"

android:background="@drawable/dot_normal" />

<View

android:id="@+id/dot_2"

android:layout_width="10dip"

android:layout_height="10dip"

android:layout_marginLeft="5dip"

android:layout_marginRight="2dip"

android:background="@drawable/dot_normal" />

</LinearLayout>

</LinearLayout>

</FrameLayout>

做完这步后,再java里面加上相应显示与操作:

private void initView(View parentView){

resources = getResources();

dots = new ArrayList<View>();

dot1 = (View)parentView.findViewById(R.id.dot_1);

dot2 = (View)parentView.findViewById(R.id.dot_2);

dots.add(parentView.findViewById(R.id.dot_1));

dots.get(0).setBackgroundResource(R.drawable.dot_focused);

if(Config.FUNCTION_PAGE == 1){

dot2.setVisibility(View.GONE);

}else if(Config.FUNCTION_PAGE == 2){

dots.add(parentView.findViewById(R.id.dot_2));

dot2.setVisibility(View.VISIBLE);

}

mPager = (ViewPager) parentView.findViewById(R.id.pager);

fragmentsList = new ArrayList<Fragment>();

if (Config.FUNCTION_PAGE == 1) {

home1 = new MainHomeFragmentPiece();

fragmentsList.add(home1);

} else if (Config.FUNCTION_PAGE == 2) {

home1 = new MainHomeFragmentPiece();

fragmentsList.add(home1);

home2 = new MainHomeFragmentPieceNext();

fragmentsList.add(home2);

}

mPager.setAdapter(new MyFragmentPagerAdapter(getChildFragmentManager(),

fragmentsList));

mPager.setOnPageChangeListener(new MyOnPageChangeListener());

mPager.setCurrentItem(0);

}

public class MyOnPageChangeListener implements OnPageChangeListener {

@Override

public void onPageSelected(int arg0) {

//Animation animation = null;

dots.get(oldPosition).setBackgroundResource(

R.drawable.dot_normal);

dots.get(arg0)

.setBackgroundResource(R.drawable.dot_focused);

oldPosition = arg0;

currentItem = arg0;

}

@Override

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

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

}

时间: 2024-10-10 12:35:24

在FragmentLayout里面添加翻页圆点的相关文章

Flask添加翻页功能(非sqlalchemy)

最近做flask的项目,需要增加翻页的功能,网上找的教程都是结合sqlalchemy的,可是我用的不是sqlalchemy,肿木办呢? 以下是我的做法 一.前端 1.传递页码 前端我使用ajax提交表单的,所以在前端的表单里加上page这一项(隐藏),然后在ajax中编辑这一项的value并提交到后端,页码就是这么传递到后端的 表单的代码 <form id ="submit_form"> {{ form.hidden_tag() }} <div id="in

精品软件 推荐 3D PageFlip for PowerPoint 翻页相册的形式播放、分享

3D PageFlip for PowerPoint 将每页 PPT 都转换为图片文件,然后通过 Flash 播放器调用图片,添加翻页电子书效果,以翻页相册的形式播放.分享. 软件内置了 Facile.Flexible.Float.Fresh.Handy.Moving.Neta.Panda.Panoramic.Plain 等 10 种类型共 60 个播放器模板,包括普通模板和 3D 模板,导入 PPT 文档后,可以对播放器进行全面的定制. 使用说明:已经做成绿色便携版,直接运行 3DPageFl

103添加或删除屏幕中的翻页数目

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController 4 @property (strong, nonatomic) UIPageControl *pageCCustom; 5 6 @end ViewController.m 1 #import "ViewController.h" 2 3 @interface ViewControl

【转】android 欢迎界面翻页成效,仿微信第一次登陆介绍翻页界面

android 欢迎界面翻页效果,仿微信第一次登陆介绍翻页界面 本实例做的相对比较简单主要是对翻页控件的使用,有时候想要做一些功能是主要是先了解下是否有现成的控件可以使用,做起来比较简单不用费太大的劲去找别的资料,或者别的办法设计.有空多读读android API了解熟悉了做什么都比较容易.(注意:ViewPager用于实现多页面的切换效果,该类存在于Google的兼容包里面,所以在引用时记得在BuilldPath中加入“android-support-v4.jar” 如果sdk是4.0及以上的

XtraGrid滚轮翻页

滚轮翻页与传动的翻页更为方便,经过本人一番探讨与琢磨终于在XtraGrid的GridView中实现了鼠标滚轮翻页. 我新建了一个组件继承原本的GridControl,在组件中添加了一个ImageList,专门存放一些资源图片.用于实现动态图的效果. 添加一个自定义委托的参数与枚举,委托参数用于传递分页的信息.     public class PagingEventArgs : EventArgs     {        public int PageSize { get; set; }   

ViewPager实现翻页步骤

之前觉得滑动翻页的效果挺炫的,目前初学android,所以自己在项目中尝试实现了这个效果.数据是动态的.实现效果主要有几个步骤: 1.创建两个布局文件,一个布局文件定义viewPager组件,如  <android.support.v4.view.ViewPager         android:id="@+id/vp_articles"        android:layout_width="match_parent"        android:la

bootstrap(5)分页,翻页,徽章效果

一 : 分页效果 我们可以看到在网站上的翻页效果如下: 使用bootstrap如何实现的呢? 代码如下: <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true"&g

ajax 显示评论并制作翻页

修改后台评论模型 创建search方法 //取出一件商品的评论 public function search($goodsId,$pageSize=5) { //要做ajax翻页 所以要自己写 $where['a.goods_id']=array('eq',$goodsId); //取出总的记录数 $count=$this->where($where)->count(); //计算总的页数 $pageCount=ceil($count / $pageSize); //获取当前页 $curren

android viewpager 图片翻页例子

使用ViewPager这个类可以轻松实现多个页面的滑动功能 viewpager默认在工具界面上是找不到的,需求添加android-support-v4.jar包: 如果没有找到,需要打开Android SDK Manager在Extras中进行下载,最后记得引入工程中并build path. (不过,我把代码直接COPY到.XML好像就会自动添加了) 例子说明:item01..item08是要翻页的图片,page_indicator_focused,page_indicator_unfocuse