先说说我们的思路吧. 其实思路也很简单,就是在咱们的导航下面画一个小矩形,不断的改变这个矩形距离左边的位置. 思路就这么简单,有了思路,接下来就是实现了,看代码: public class Indicator extends LinearLayout { private Paint mPaint; // 画指示符的paint private int mTop; // 指示符的top private int mLeft; // 指示符的left private int mWidth; // 指示符…

1 获得 tabHostFragment: ActionBarActivity activity2 = (ActionBarActivity) activity; mTabHost = new FragmentTabHost(activity2); mTabHost.setup(getActivity(),getChildFragmentManager(),R.id.content_frame); 2 增加系统默认的indicator mTabHost.addTab(mTabHost.newTa…

近期一直在做安卓开发,发现Tab布局能够用FragmentTabHost来实现,唯一不好的就是不能实现带图标的tabindicator, V4版本号中的尽管API有支持,可是不管怎么设置Drawable对象都不起作用,所以被逼无赖.发现indicator能够支持传进一个View做tabtitle,于是经过一番各种坑之后,我做了一个自己定义的Tab indicator,能够实现切换提示.显示带图标的tabtitle,同一时候支持滑动切换到不同Tab. 首先来看一下效果吧. 我的实现思路是这种: 第…

一.我的博客https://github.com/anan03/ananwork/tree/master/anan1.加入compile 'com.gxz.pagerslidingtabstrip:library:1.3.1'2.加入布局: <com.gxz.PagerSlidingTabStrip android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height=…

原文摘自:http://blog.csdn.net/android2me/article/details/8874846 1.Action Bar 介绍 我们能在应用中看见的actionbar一般就是下图的样子,比如快图应用 1.App icon 应用的图标,左侧带应用相当于back返回键 2.ViewControl 3.Action button 相当于普通的Button可以监听点击事件 4.Action overflow 三个点,相当于手机上的menu键,可以显示隐藏的action butt…

本文内容源于 Go4AS400 简介 AS400 Control Language(CL) 是由指令(Command)组合而成,用于控制操作和调用系统功能.在 CL 程序中,指令用于和系统 OS400 进行交互. 以下是 CL 程序的主要功能 可以交互式地调用,也可以在批量模式下调用程序 决定程序的调用顺序 处理文件和其他对象(objects) 监控所有类型的消息 在不同的任务之间通信 改变对象的属性,然后进行处理 注,在 AS400 中,对象范指各种类型的概念,例如程序,文件. 尽管 CL 的…

本文是参考Android官方提供的sample里面的ApiDemos的学习总结.   TabActivity   首先Android里面有个名为TabActivity来给我们方便使用.其中有以下可以关注的函数:   public TabHost getTabHost ()  获得当前TabActivity的TabHost   public TabWidget getTabWidget () 获得当前TabActivity的TabWidget     public void setDefaultT…

原博客地址  :http://blog.csdn.net/xiaanming/article/details/10766053 本文转载,记录学习用,如有需要,请到原作者网站查看(上面这个网址) 之前用JakeWharton的开源框架ActionBarSherlock和ViewPager实现了对网易新闻客户端Tab标签的功能,ActionBarSherlock是在3.0以下的机器支持ActionBar的功能,有兴趣的可以看看开源框架ActionBarSherlock 和 ViewPager 仿网…

  本文是参考Android官方提供的sample里面的ApiDemos的学习总结.   TabActivity   首先Android里面有个名为TabActivity来给我们方便使用.其中有以下可以关注的函数:   public TabHost getTabHost ()  获得当前TabActivity的TabHost   public TabWidget getTabWidget () 获得当前TabActivity的TabWidget     public void setDefaul…

概述 Android IndicatorView的灵感来源于SlidingTabView,虽然有句"不重复"造轮子在先,本着练手的目的,还是写了一个功能较为简单的类似view. 其比SlidingTabView在功能上欠缺的一点是:暂时没有添加"当内容显示不开时自动向左右滑动"的功能. 应用场景 可以胜任一屏显示所有tab标题的情况. 效果图 所有效果如上图所示 功能 均等Indicator显示: 不均等Indicator显示,根据tab标题的字宽度自动适配: In…

注意:有关Fragment的方法和ViewPager的全部是android.support.v4包的,否则会报很多的错误 MainActivity: package com.zzw.fragmentteb; import java.util.ArrayList; import android.graphics.Color; import android.os.Bundle; import android.support.v4.app.Fragment; import android.suppor…

一.问题描写叙述 本系列将结合案例应用,陆续向大家介绍一些Android典型界面的设计,首先说说tab导航,导航分为一层和两层(底部区块+区域内头部导航).主要实现方案有RadioGroup+ViewPage+Fragment.Viewpager Indicator.ActionBar Tabs.FragmentTabHost+Fragment等,以下我们先採用RadioGroup+ViewPage+Fragment实现区域头部导航. 如图所看到的: 二.案例主要组件 1.先看一下MainAct…

原文:http://my.oschina.net/u/1403288/blog/208402 项目源码:https://github.com/wangjing0311/ViewPagerIndicator.git 一.源码分析 1.PageIndicator接口,它里面定义了最重要和基本的indicator表现出的一些方法:     1.1 首先一个indicator必须要与一个ViewPager关联在一起,所以它提供了一个setViewPager方法.     1.2 它扩展了ViewPage…

在Android中,Tab控件是一种很常用的控件:Tab控件即标签页,可以在一页中切换显示N页内容: Tab控件具有两种实现过程,一是在同一个Activity中切换显示不同的标签页,这种主要是通过修改布局文件里面的id来实现的,二是每个标签页都由独立的Activity实现: (1)我们通过继承TabActivity来实现: 但请注意:此类已经过期,官方建议使用Fragment来替代,但仍可以使用: New applications should use Fragments instead of…

效果如图: MainActivity.java具体实现: package com.rainmer.actionbartab; import android.app.ActionBar; import android.app.Activity; import android.app.FragmentTransaction; import android.app.ActionBar.Tab; import android.os.Bundle; import android.widget.Toast;…

之前看到过论坛里已经有人发过自定义Tab样式的帖子,感觉有些复杂了,这里分享个简单的方法. 1.制作4个9patch的tab样式,可参考android默认的资源 tab_unselected.9.png     tab_selected.9.png    tab_press.9.png    tab_focus.9.png 这4个资源分别代表Tab的4种状态. 2.定义Tab的selector样式(就叫它tab_indicator.xml好了),将其放入drawable文件夹下,代码如下: <?…

TabLayout相信大家都用过,2015年Google大会上发布了新的Android Support Design库里面包含了很多新的控件,其中就包含TabLayout,它可以配合ViewPager完成很好的效果. 一种类似于今日头条指示器,根据ViewPager的页面滑动,文字逐渐变色. 今日头条的顶部tab导航效果的实现,我们一般会用RadioGroup+Fragment+ViewPager来实现,适配器繁多,代码量大,今天我们来介绍TabLayout的使用.TabLayout为Andro…

1. 使用npm 安装 npm i vue-scroller -S 地址: https://github.com/wangdahoo/vue-scroller2. 引入 main.js: import Vue from 'vue' import VueScroller from 'vue-scroller' Vue.use(VueScroller) 3.页面使用 <template> <div class="container" style="height:…

Tab经常和Fragment结合使用,这一讲我们用3种方式来实现这种快捷导航. 0.重要的两个监听器 MyTabListener,这个我们之前已经接触过了 package com.kale.actionbar05; import android.support.v4.app.FragmentTransaction; import android.support.v4.view.ViewPager; import android.support.v7.app.ActionBar; import a…

最近基于Vue.Bootstrap做了一个箭头样式的进度展示的单页应用,并且支持了对于一个本地JS文件的检索,通过这个单页应用,对于Vue的理解又深入了一些.在这里把主要的代码分享出来. 本单页应用实现了几个功能: 1.点击箭头导航栏能够切换页面内容 2.使用了渲染到方式来展示内容,内容采用混合模板 3.对步骤一中的输入文本框进行监听,根据输入的内容,从本地JS文件检索给出用户提示 期望改进的地方 1.点击Tab链接的时候,能够有页面切换效果(左右滑动) 2.文本框的提示方式改为 Suggest…

github下载地址:https://github.com/DevLight-Mobile-Agency/NavigationTabStrip 这个开源项目很强大,只是一个自定义的控件,只有一个类 /* * Copyright (C) 2015 Basil Miller * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in com…

最近在用TabHost,默认希望显示第2个tab,发现总是加载第三个tab的同时加载第一个,解决方法如下: 1.首先查看addTab(TabSpec tabSpec)源代码: /** * Add a tab. * @param tabSpec Specifies how to create the indicator and content. */ public void addTab(TabSpec tabSpec) { if (tabSpec.mIndicatorStrategy == nu…

转载请注明出处:http://blog.csdn.net/xiaanming/article/details/10766053 之前用JakeWharton的开源框架ActionBarSherlock和ViewPager实现了对网易新闻客户端Tab标签的功能,ActionBarSherlock是在3.0以下的机器支持ActionBar的功能,有兴趣的可以看看开源框架ActionBarSherlock 和 ViewPager 仿网易新闻客户端,今天用到的是JakeWharton的另一开源控件Vie…

最近写一个项目的时候用到了TabLayout,其中Indicator只是固定的一条横线,样式只能修改Color和Height,没有办法改变形状和宽度等其他信息. 经过查看TabLayout类的源码,发现了其存在一个私有的内部类SlidingTabStrip,这个类继承自LinearLayout,而Indicator就是在此类中进行绘制的. @Override public void draw(Canvas canvas) { super.draw(canvas); // Thick colore…

最近项目要使用类似TabLayout的控件,其实我感觉就是TabLayout只是换了一个Indicator,先说一说TabLayout这是Android Support Design的控件要使用的同学们应导入Design库在Gradle中在dependencies加入下面代码同步Gradle就可以使用了,Design里面还有很多有意思的东西推荐大家都看看. compile 'com.android.support:design:23.1.1' 想改变TabLayout Indicator还是有点…

Flutter AppBar 自定义顶部按钮图 标.颜色 属性 描述 leading 在标题前面显示的一个控件,在首页通常显示应用 的 logo;在其他界面通常显示为返回按钮 title 标题,通常显示为当前界面的标题文字,可以放组 件 actions 通常使用 IconButton 来表示,可以放按钮组 bottom 通常放 tabBar,标题下面显示一个 Tab 导航栏 backgroundColor 导航背景颜色 iconTheme 图标样式 textTheme 文字样式 centerTi…

TabBar组件的常用属性: 属性 描述 tabs 显示的标签内容,一般使用 Tab 对象,也可以是其他的Widget  controller TabController 对象 isScrollable 是否可滚动 indicatorColor 指示器颜色 indicatorWeight 指示器高度 indicatorPadding 底部指示器的 Padding indicator 指示器 decoration,例如边框等 indicatorSize 指示器大小计算方式,TabBarIndica…

一.Flutter AppBar 自定义顶部按钮图标.颜色 leading   在标题前面显示的一个控件,在首页通常显示应用的 logo:在其他界面通常显示为返回按钮 title  标题,通常显示为当前界面的标题文字,可以放组件 actions  通常使用 IconButton 来表示,可以放按钮组 bottom  通常放 tabBar,标题下面显示一个 Tab 导航栏 backgroundColor  导航背景颜色 iconTheme  图标样式 textTheme  文字样式 centerT…

参考链接: http://www.iteye.com/topic/602737 这个写的很不错,我是跟着一步步写下来的,不过到最后也遇到了麻烦,就是不能将Tab标签的文字和图片分开,始终是重合的,而且每个具体的代码,还是搞了许久才出来,故而分享之,希望能给大家带来方便,也谢谢下面的高人,呵呵! http://www.youmi.net/bbs/thread-102-1-4.html 这个和上面的代码是一样的,不过代码不全,对于初学者来说,考验的时候来了,完善就是提高的过程,不要怕麻烦! 下面就根…

使用Tabhost的时候经常报:could not create tab content because could not find view with id 错误. 总结一下发生错误的原因,一般的发生在 setContent(); 先看XML布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android…