跳至主要内容

[Widget]ReplaceLayout-交替布局

ReplaceLayout

ICON

交替布局，配合TabStrip使用，达到伴随ViewPager动作而进行改变的效果，继承自FrameLayout，通过设置ReplaceAdapter来完成管理子项View的变化，并通过move(int, int, float)方法和moveTo(int)方法达到变化的效果。

预览

screenshots

要求

无

链接

使用

  • 基本布局
<am.widget.replacelayout.ReplaceLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
  • 基本代码
replaceLayout = (ReplaceLayout) findViewById(id);
replaceLayout.setAdapter(adapter);
replaceLayout.moveTo(correct);
replaceLayout.move(correct, next, offset);

注意

  • 继承自FrameLayout，仅修改必要的触摸拦截，不建议通过xml方式在其内部添加View
  • 仅有设置ReplaceAdapter并实现其中的变化方法才能实现子View变化效果
  • move(int, int, float)中最后一个参数为-1～1的偏移值
  • 清楚移动方向可使用moveLeft(int, int, float)及moveRight(int, int, float)
标签：

评论

发表评论

此博客中的热门博文

[Widget]StateFrameLayout-状态帧布局

StateFrameLayout icon 一般网络交互的状态提示及处理大多数情况下考虑使用Dialog，在一切状态处理理想状态下时，使用Dialog进行交互是可行的。但稍微一不注意，使用Dialog则会出现一系列隐藏的Bug。为节省用户时间怎加体验感觉，数据的载入可以在onCreate时候就进行，甚至可以在Activity构造函数里面启动网络请求，因为Activity还没有建立窗口（onAttachedToWindow），而Dialog必须附着在Activity的Window上，显然这时候不能弹出Dialog；网络交互并非即时，也就是在交互过程中用户可能进行任何操作，多数情况下，应用并不允许用户中断网络交互，而将Dialog设置为不可取消的话，用户体验是很差的，因为你同时阻止了用户退出当前Activity的操作，若用户仅仅是误点了进来，那么必须等待交互结束才能退出，而如果不讲Dialog设置为不可取消的话，那么用户进行了取消操作，但实际是并没有取消，这又会让用户很困惑，如果交互是更新当前页面的数据，当用户取消以后就可以进行旧数据操作，但其实这时候数据已过时，操作是不应该的；当网络交互已完成时，若交互结果需要告知用户时，此时又得注意Activity的状态，也许Activity已经关闭了Window（用户进行了返回操作，Activity在销毁；或者用户点按了Home键，设备内存不够，Activity在进行保存并关闭Window）。操控好Window，则使用Dialog并无任何问题，但是这就会怎加代码复杂度。其实我们的目的就是告知用户在进行网络请求，阻止用户对未载入或旧页面进行操作，网络交互结束后有必要时告知用户；使用StateFrameLayout则能轻松达到效果。 状态帧布局，通常用于网络请求的四种状态，普通、载入、错误、空白。支持Drawable或者View来展示，也可以混搭。 预览 screenshots 要求 minSdkVersion 4 链接 Github Bintray 使用 基本布局 < am .widget.stateframelayout.StateFrameLayout xmlns : app = " http://schemas.androi...
发表评论
阅读全文

[Widget]TagTabStrip-ViewPager页面切换标记点

TagTabStrip 继承自BaseTabStrip，实现ViewPager标志小点，一般用于功能引导页面及新功能简介页，为ViewPager添加标志小点，并不仅限于小点，标志由设置的Drawable决定，普通模式为双Drawable交替模式，亦可设置为单Drawable缩放模式。 一般用于仅仅是几张图的功能展示页面，实现原理也很简单，仅仅是将选中与普通情况下的图片进行不同alpha叠加。一般来说其不存在点击事件，于是其不拦截触摸事件。因实现了ViewPager的隐藏子项接口，也就是可作为子项直接贴在ViewPager布局内部，但ViewPager限制了只能显示在顶部或者底部。 预览 要求 minSdkVersion 9 保持跟其他官方支持库版本一致（如：com.android.support:appcompat-v7） 链接 Github Bintray 使用 基本布局 < am .widget.tagtabstrip.TagTabStrip xmlns : app = " http://schemas.android.com/apk/res-auto " android : layout_width = " wrap_content " android : layout_height = " wrap_content " android : drawablePadding = " 6dp " android : gravity = " center " app : ttsScale = " 1.6 " app : ttsDrawable = " @drawable/ic_tag " /> 基本代码 TagTabStrip ttsTags = ( TagTabStrip ) findViewById(id); ttsTags . bindViewPager(viewpager); 注意 不要使用ViewPage的setCurrentItem(in...
发表评论
阅读全文

[Widget]GradientTabStrip-微信式底部渐变栏

GradientTabStrip icon 继承自BaseTabStrip，实现微信式渐变底部Tab效果，为ViewPager添加如PagerTitleStrip一样的Tab，但支持更多自定义功能，并支持为Tab增加标记点功能，并可以自定义标记点各自的位置及显示状态以及背景等。 预览 screenshots 要求 minSdkVersion 9 保持跟其他官方支持库版本一致（如：com.android.support:appcompat-v7） 链接 Github Bintray 使用 基本布局 < am .widget.gradienttabstrip.GradientTabStrip android : id = " @+id/gts_gts_tabs " android : layout_width = " match_parent " android : layout_height = " 64dp " android : textColor = " @color/color_gradienttabstrip_tab " android : textSize = " 12sp " app : gtsBackground = " @drawable/bg_common_press " /> 基本代码 GradientTabStrip tabStrip = ( GradientTabStrip ) findViewById(id); GradientTabStrip . GradientTabAdapter adapter = new GradientTabStrip . GradientTabAdapter () { @Override public Drawable getNormalDrawable ( int position , Context context ) { return null ; } @...
发表评论
阅读全文