导航条指示器。ViewPagerIndicator

地址 https://github.com/JakeWharton/ViewPagerIndicator

Style是重用控件的一种技术。类似CSS。作用范围只是一个控件

Theme本质也是一种一种Style技术。作用范围是页面,整个应用程序。

1. 创建Activity,和布局。

    <!-- 指示器 indicator -->
<com.viewpagerindicator.TabPageIndicator
android:id="@+id/tpi_Indicator
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#FFFFFF" />

<!-- 内容 -->

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

2. 绑定数据 。

    @Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

// 获取到控件
ViewPager vpPager = (ViewPager) findViewById(R.id.vp_page);
tabPageIndicator = (TabPageIndicator) findViewById(R.id.tpi_Indicator);
// 设置数据
vpPager.setAdapter(new MyFragmentAdapter(getSupportFragmentManager()));
tabPageIndicator.setViewPager(vpPager);
}

private class MyFragmentAdapter extends FragmentPagerAdapter
{

public MyFragmentAdapter(FragmentManager fm)
{
super(fm);
framgents.add(new FirstFragment());
framgents.add(new SencodFragment());
framgents.add(new ThirdFragment());
framgents.add(new FourFragment());

titleList.add("日本");
titleList.add("美国");
titleList.add("加拿大");
titleList.add("芝加哥");
}

@Override
public Fragment getItem(int arg0)
{
return framgents.get(arg0);
}

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

//设置标题
@Override
public CharSequence getPageTitle(int position)
{
return titleList.get(position);
}

}

3. 设置theme. 和控件的样式。

  <style name="AppBaseTheme" parent="android:Theme.Light">
<item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>
</style>

<!-- -->
<!-- <item name="android:divider">@drawable/custom_tab_indicator_divider</item> -->

<style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">
<item name="android:background">@drawable/custom_tab_indicator</item>
<item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>
<item name="android:textColor">#FF555555</item>
<item name="android:textSize">16sp</item>
<item name="android:paddingLeft">8dp</item>
<item name="android:paddingRight">8dp</item>
<item name="android:fadingEdge">horizontal</item>
<item name="android:fadingEdgeLength">8dp</item>
</style>

<!-- 字体我也那过来 -->
<style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">
<item name="android:typeface">monospace</item>
</style>

动态添加标题

  1. 设置布局
  2. 添加事件。动态标题更新。
     */
public void addTitle(View view)
{
framgents.add(new AddFragment());
titleList.add("新页面");
// 通过页面刷新
mAdapter.notifyDataSetChanged();
// 指示器也要更新
tabPageIndicator.notifyDataSetChanged();

// 页面跟踪
vpPager.setCurrentItem(framgents.size()-1);
}

Fragment Bug修复。

在页面切换的时候。用户在本页面输入的数据会丢失。

原因:碎片在每次创建的时候都会onCreateView`也就是每次都要加载一次布局。解决办法保存上一次布局就好

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
// TODO Auto-generated method stub
if (rootView == null) {
rootView = View.inflate(getActivity(), getLayoutId(), null);
initView(rootView);
} else {
// ViewGroup :所有布局的父类
ViewGroup parent = (ViewGroup) rootView.getParent();
if (parent != null)// 已经添加
{
parent.removeView(rootView);
}
}
return rootView;
}

开源控件ViewPagerIndicator学习的更多相关文章

  1. 开源控件ViewPagerIndicator的使用

    此文转载自http://www.jianshu.com/p/a2263ee3e7c3 前几天学习了ViewPager作为引导页和Tab的使用方法.后来也有根据不同的使用情况改用Fragment作为Ta ...

  2. 分页控件AspNetPager学习笔记

    1.AspNetPager简介 AspNetPager是一款开源.简单易用.可定制化等等各种优点的Web分页控件. 2.使用方法 1)下载AspNetPager.dll文件(http://www.we ...

  3. Win10 UWP开发系列——开源控件库:UWPCommunityToolkit

    在开发应用的过程中,不可避免的会使用第三方类库.之前用过一个WinRTXamlToolkit.UWP,现在微软官方发布了一个新的开源控件库—— UWPCommunityToolkit 项目代码托管在G ...

  4. visual studio 2015引入开源控件DockPanel(最简单的方法)

    一.DockPanel简介 DockPanel是一个开源控件,能够实现子窗口的浮动,在官方给的demo有演示,在vs2017微软已经集成进入常用控件中.我主要使用的是多窗口浮动,和tabControl ...

  5. 开源整理:Android App新手指引开源控件

    开源整理:Android App新手指引开源控件 一个App第一次与用户接触或者发生大版本更新时,常常会用户进行新手引导,而一个好的新手指引,往往能够方便新用户快速了解操作你的应用功能.新手指引的重要 ...

  6. 转载: 开源整理:Android App新手指引开源控件

    http://blog.coderclock.com/2017/05/22/android/open-source-android-app-guide-view-library/ 开源整理:Andro ...

  7. 我的第一个开源控件-DragGridView

    我的第一个开源控件出炉了,希望各个小伙伴给个star,支持下.项目地址 1. 前言 因为项目须要,要做一个相似腾讯视频.频道管理.拖拽排序的效果.这个控件是在原地址 之上改造出来的.先看下效果图. 1 ...

  8. .Net 开源控件 NPlot使用小结

    NPlot是一款非常难得的.Net平台下的图表控件,能做各种曲线图,柱状图,饼图,散点图,股票图等,而且它免费又开源,使用起来也非常符合程序员的习惯.授权方式为BSD许可证. 下载链接: http:/ ...

  9. FMX开源控件

    FMX开源控件 这是群友谢顿做的控件,必须赞一个! https://github.com/zhaoyipeng/FMXComponents 这是loki的: https://sourceforge.n ...

随机推荐

  1. 在 ASP.NET MVC 中使用 HTTPS (SSL/TLS)

    某些安全性较高的网页,如网上支付或用户登陆页面,可能会使用到https(SSL/TLS)来提高安全性.本文介绍了如何在ASP.NET MVC中强制某action使用https和如何进行向https页面 ...

  2. ThreadLocal实现方式&使用介绍---无锁化线程封闭

    虽然现在可以说很多程序员会用ThreadLocal,但是我相信大多数程序员还不知道ThreadLocal,而使用ThreadLocal的程序员大多只是知道其然而不知其所以然,因此,使用ThreadLo ...

  3. STL总结之deque

    STL中deque是我们常说的双端队列,既可以从头添加元素,也可以从尾部添加元素,deque的成员函数和vector的成员函数十分相似,但是它们的内部实现却又很多不同.   deque的模板声明: t ...

  4. VMware ESXi CentOS Linux虚拟机安装VMware Tools教

    转自VMware ESXi CentOS Linux虚拟机安装VMware Tools教程 | 一米居 http://www.yimiju.com/articles/548.html 最近一周在学习和 ...

  5. 关于 Lua 内存泄漏的检测

    前一阵开始和同事一起优化内存,首先是优化 Lua 内存,因为发现每次战斗完后 Lua 内存非常大,从 3M 左右在经过了10次左右的战斗后,会暴增到近 100M,很明显是有内存泄漏.      然后我 ...

  6. sublime text 3 中 SFTP插件 的 配置

    SFTP 插件.主要功能就是通过 FTP/SFTP 连接远程服务器并获取文件列表,可以选择下载编辑.重命名.删除等等操作,点下载编辑之后,可以打开这个文件进行修改.修改完成之后,保存一下会自动上传到远 ...

  7. leetcode 逆转字符串 当年的第一题,今天再写一遍,物是人非

    public class Solution { public String reverseWords(String s) { if(s==null||s.length()==0) return &qu ...

  8. (转载)自己实现spring

    您还 « 上一页 1 2 3 下一页 » 浏览 9671 次 锁定老帖子 主题:spring深入源码1 简单实现ioc机制 精华帖 (0) :: 良好帖 (2) :: 新手帖 (0) :: 隐藏帖 ( ...

  9. bzoj 1922 [Sdoi2010]大陆争霸(最短路变形)

    Description 在一个遥远的世界里有两个国家:位于大陆西端的杰森国和位于大陆东端的 克里斯国.两个国家的人民分别信仰两个对立的神:杰森国信仰象征黑暗和毁灭 的神曾·布拉泽,而克里斯国信仰象征光 ...

  10. jsf服务器端验证用户输入

    服务器端验证用户输入数据步骤 1 html页面上插入要输入数据控件 <h:inputText size="10" value="#{commodityBean.fo ...