1.什么是ViewPager

  • 通过手势滑动可以完成view的切换,一般是用来app的引导页或则实现图片轮播,类似网页上的banner轮播.
  • Adnroid 3.0后引入的一个UI控件,在xamarin android 的开发中必须引入v4兼容包(ps这里有坑,菜鸟需要注意)
  • 和ListView,GridView一样需要一个Adapter,将View和ViewPager进行绑定,而ViewPager则有一个特定的Adapter--PagerAdapter

    另外,Google官方是建议我们使用Fragment来填充ViewPager的,这样可以更加方便的生成每个Page,以及管理每个Page的生命周期!给我们提供了两个Fragment专用的Adapter:FragmentPageAdapterFragmentStatePagerAdapter我们简要的来分析下这两个Adapter的区别:

    • FragmentPageAdapter:和PagerAdapter一样,只会缓存当前的Fragment以及左边一个,右边一个,即总共会缓存3个Fragment而已,假如有1,2,3,4四个页面:

      处于1页面:缓存1,2

      处于2页面:缓存1,2,3

      处于3页面:销毁1页面,缓存2,3,4

      处于4页面:销毁2页面,缓存3,4

      更多页面的情况,依次类推~
    • FragmentStatePagerAdapter:当Fragment对用户不见得时,整个Fragment会被销毁,只会保存Fragment的状态!而在页面需要重新显示的时候,会生成新的页面.

2.Xamarin android ViewPager的用法

和android的viewpager使用方法一样,必须重写下面四个方法,是真的必须哦!!!
  1. GetCount:获得ViewPager中有多少个view
  2. DestroyItem():移除一个位置的页面,适配器有责任从容器中删除这个视图,这是为了确保在FinishUpdate(ViewGroup)返回时视图能够被删除
  3. InstantiateItem():①将给定位置的view添加到ViewGroup(容器)中,创建并显示出来②返回一个代表新增页面的Object(key),通常都是直接返回view本身就可以了,当然你也可以自定义自己的key,但是key和每个view要一一对应的关系
  4. IsViewFromObject():判断instantiateItem(ViewGroup, int)函数所返回来的Key与一个页面视图是否是代表的同一个视图(即它俩是否是对应的,对应的表示同一个View),通常我们直接写return view == object

3.ViewPager的基础用法

效果图:手贱刷个机,换个字体编程这玩意了,珍爱手机,远离刷机。

关键代码,终于不bb了,撸代码要仔细一点哦。新建三个布局页,三个基本上是一样的,稍微有点变化就行了
viewpager布局代码: view_one.xml 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFBA55"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="第一个Page"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
</LinearLayout>

Main.axml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" />
</LinearLayout>

PageAdapter,继承的是PageAdapter,nuget上下载v4兼容包,这里是个坑,关于xamarin android 引入兼容包是个坑啊,我的这篇主要就是谢谢我以前遇到过的坑,android v4兼容包的问题

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text; using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.Support.V4.View;
using Java.Lang; namespace android_appcompat.Adapter
{
public class MyPagerAdapter : PagerAdapter
{
public List<View> viewLists;
public MyPagerAdapter() { }
public MyPagerAdapter(List<View> viewLists) { this.viewLists = viewLists;
}
public override int Count
{
get
{
return viewLists.Count();
}
} public override bool IsViewFromObject(View view, Java.Lang.Object objectValue)
{
return view == objectValue;
}
public override Java.Lang.Object InstantiateItem(ViewGroup container, int position)
{
container.AddView(viewLists[position]);
return viewLists[position];
} public override void DestroyItem(ViewGroup container, int position, Java.Lang.Object objectValue)
{
container.RemoveView(viewLists[position]);
}
}
}

其实代码非常简单,和使用ListView差不多,但是对于刚入门的菜鸟来说,比较坑的是引入android v4 兼容包的时候老是错,所以对这个android的v4,v7兼容包还是要多了解一下的。

4.xamarin android PagerTitleStrip的用法

效果图:

其实用法上并没有很大的差别,多谢一个重新的方法GetPageTitleFormatted()。

PagerTitleStrip所在Activtiy的布局:activity_two.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="#ccff99"
android:gravity="center"
android:text="PagerTitleStrip效果演示"
android:textColor="#000000"
android:textSize="18sp" />
<android.support.v4.view.ViewPager
android:id="@+id/viewpager_two"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
<android.support.v4.view.PagerTitleStrip //如果要实现效果图那样的效果,改成PageTabStrip就行了
android:id="@+id/pagetitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top" />
</android.support.v4.view.ViewPager>
</LinearLayout>

其他三个View的布局我就不贴了,就是上面那个基本的viewpager的三个布局就可以了

PageAdapte:基本上一样的,不过要重写这个GetPageTitleFormatted()方法 ,很明显这个是用来干嘛的 。注意的ICharSequence这个接口作为返回的值类型
MyPageAdapter2.class
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text; using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.Support.V4.View;
using Java.Lang; namespace android_appcompat.Adapter
{
public class MyPagerAdapter2:PagerAdapter
{
public List<View> viewLists;
public List<string> titleLists;
public override int Count
{
get{return viewLists.Count;}
}
public MyPagerAdapter2(){ }
public MyPagerAdapter2(List<View> viewLists,List<string> titleLists)
{
this.viewLists = viewLists;
this.titleLists = titleLists;
}
public override bool IsViewFromObject(View view, Java.Lang.Object objectValue)
{
return view == objectValue;
}
public override Java.Lang.Object InstantiateItem(ViewGroup container,int position)
{
container.AddView(viewLists[position]);
return viewLists[position];
} public override ICharSequence GetPageTitleFormatted(int position)
{
return CharSequence.ArrayFromStringArray(new string[] { titleLists[position] })[0]; }
public override void DestroyItem(ViewGroup container,int position,Java.Lang.Object objectValue)
{
container.RemoveView(viewLists[position]);
}
}
}
Activity2.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text; using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using android_appcompat.Adapter;
using Android.Support.V4.View;
using Java.Lang; namespace android_appcompat
{
[Activity(Label = "Activity2", MainLauncher = true)]
public class Activity2 : Activity
{
private List<View> viewLists;
private List<string> titleList;
private MyPagerAdapter2 adapter;
private ViewPager viewPapgeTitle;
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
SetContentView(Resource.Layout.activity_two);
// Create your application here
viewPapgeTitle = FindViewById<ViewPager>(Resource.Id.viewpager_two);
viewLists = new List<View>();
LayoutInflater li = LayoutInflater;
viewLists.Add(li.Inflate(Resource.Layout.view_one,null,false));
viewLists.Add(li.Inflate(Resource.Layout.view_two, null, false));
viewLists.Add(li.Inflate(Resource.Layout.view_three, null, false));
titleList = new List<string>() {
"红褐色","黄色","白色"
};
adapter = new MyPagerAdapter2 (viewLists,titleList);
viewPapgeTitle.Adapter = adapter;
}
}
}

上面这两个栗子感觉中看不中用。这个才是比较实用的,不好意思。图是盗的,可以自己去试试实现这个效果。

ViewPager实现TabHost的效果:




Xamarin Android ViewPager demo下载链接: 

xamarin android viewpager的用法的更多相关文章

  1. xamarin android listview的用法

    listview也许是用的非常频繁的一个控件之一,下面我写一个xamarin的listview栗子,大家尝一尝xamarin android开发的乐趣.原谅我的大小写吧. listview绑定自定义的 ...

  2. xamarin android menu的用法

    在Android中的菜单有如下几种: OptionMenu:选项菜单,android中最常见的菜单,通过Menu键来调用 SubMenu:子菜单,android中点击子菜单将弹出一个显示子菜单项的悬浮 ...

  3. [置顶] Xamarin android 调用Web Api(ListView使用远程数据)

    xamarin android如何调用sqlserver 数据库呢(或者其他的),很多新手都会有这个疑问.xamarin android调用远程数据主要有两种方式: 在Android中保存数据或调用数 ...

  4. Android ViewPager 用法

    Android ViewPager 用法 场景:一般第一次打开应用程序时,程序会有一个提示页来给展现应用程序都有哪些功能:或者程序更新时,又更新哪些新特性,都可以使用ViewPager Demo 描述 ...

  5. [置顶] xamarin Tablayout+Viewpager+Fragment顶部导航栏

    最近几天不忙,所以把项目中的顶部导航栏的实现归集一下.android中使用TabLayout+ViewPager+Fragment制作顶部导航非常常见,代码实现也比较简单.当然我这个导航栏是基于xam ...

  6. 我正在使用Xamarin的跨平台框架—Xamarin.Android回忆录

    一.缘起 在自己给别家公司做兼职外包的时候,已经明确知道外包的活不是那么好干的,一般在经历了初期热血澎湃的激情后,逐渐冷淡,愤怒,再冷淡,再愤怒…,听上去好像高潮迭起,但令人尴尬的是,这高潮迭起我们都 ...

  7. Xamarin. Android实现下拉刷新功能

    PS:发现文章被其他网站或者博客抓取后发表为原创了,给图片加了个水印 下拉刷新功能在安卓和iOS中非常常见,一般实现这样的功能都是直接使用第三方的库,网上能找到很多这样的开源库.然而在Xamarin. ...

  8. Xamarin.Android之引导页的简单制作

    0x01 前言 对于现在大部分的APP,第一次打开刚安装或更新安装的APP都会有几个引导界面,通常这几个引导页是告诉用户 APP有些什么功能或者修改了什么bug.新增了什么功能等等等. 下面就用Xam ...

  9. 跨过几个坑,终于完成了我的第一个Xamarin Android App!

    时间过得真快,距离上次发随笔又是一年多.作为上次发的我的第一个WP8.1应用总结的后继,这次同样的主要功能,改为实现安卓版APP.前几个月巨硬收购Xamarin,把Xamarin集成到VS里了,大大方 ...

随机推荐

  1. RAC(ReactiveCocoa)使用方法(一)

    RAC(ReactiveCocoa)使用方法(一) RAC(ReactiveCocoa)使用方法(二) 什么是RAC? 最近回顾了一下ReactiveCocoa的方法,也看了一些人的文章,现写篇文章总 ...

  2. Ubuntu下删除VMware的方法

    一般我们都装的是Vmware workstation版的,所以,我们在终端下输入 sudo vmware-installer -u vmware-workstation 然后就会弹出vmware的卸载 ...

  3. ionic3中 ion-datetime 全屏可点击问题解决方案

    废话不多说,能进来的都应该知道是个什么情况.我也是在网上找了一段时间,才在git上ionic官方团队的Issues中找到了问题解决方法. 第一,给外围包上一层ion-item,但是这有个问题,就是会让 ...

  4. mysql单表多表查询

    单表查询语法: select 字段1,字段2... from 表名where 条 件group by fieldhaving 筛选order by 字段limit 限制条数 关键字的优先级:from  ...

  5. zzuli 1817: match number 模拟

    1817: match number Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 199  Solved: 72 SubmitStatusWeb B ...

  6. Mysql 的 IF 判断

    mysql自带很多判断逻辑,今天说一说IF的判断语句,正好今天做项目的时候也用到了 1. IF 判断 IF判断和我们代码里面写的有略微的差别,举个例子 IF('表达式','结果1','结果2')  如 ...

  7. 在Notepad++中添加运行快捷键

    在Notepad++中有运行的快捷键,想着如果编辑完Python文件能直接运行就好了,于是尝试了一下. 我安装的是win8.1,安装的notepad++将运行快捷键的文件shortcuts.xml,放 ...

  8. kubernetes nginx ingress 使用记录

    前言 ingress是一种可以暴露k8s集群内部service的方式,用户编辑配置文件定义一个ingress资源即可实现外部网络访问内网service. ingress controller是来管理所 ...

  9. 10.0.0.55_12-16训练赛部分writeup

    0x1 - MISC MISC100 一张帅行的照片 目测是图片隐写,但是binwalk并没有出来,应该是对文件头进行了修改 010editor查看一下,发现在jpg文件尾之后还有大量的数据 而且在灰 ...

  10. python中namedtuple介绍

    namedtuple:namedtuple类位于collections模块,有了namedtuple后通过属性访问数据能够让我们的代码更加的直观更好维护.namedtuple能够用来创建类似于元祖的数 ...