跳至主要内容

博文

目前显示的是 八月, 2016的博文

[Widget]WrapLayout-自动换行布局

WrapLayout icon 自动换行布局,水平排列子项,并自动换行,支持不等长不等宽子项,且可以设置垂直间距与水平间距及子项对齐模式。一般用于标签及词条条目进行自动排版。 预览 screenshots 要求 minSdkVersion 4 链接 Github Bintray 使用 基本布局 < am .widget.wraplayout.WrapLayout xmlns : app = " http://schemas.android.com/apk/res-auto " android : id = " @+id/wly_lyt_warp " android : layout_width = " match_parent " android : layout_height = " wrap_content " android : layout_margin = " 10dp " android : background = " @drawable/bg_wraplayout_content " android : horizontalSpacing = " 10dp " android : padding = " 10dp " android : verticalSpacing = " 10dp " app : wlyHorizontalSpacing = " 10dp " app : wlyVerticalSpacing = " 10dp " > ⋯ </ am .widget.wraplayout.WrapLayout> 基本代码 WrapLayout lytWrap = ( WrapLayout ) findViewById( R . id . wly_lyt_warp); lytWrap . setHori

[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]ShapeImageView-图形裁剪ImageView

ShapeImageView 图形裁剪ImageView,API 21 及以上 使用 setOutlineProvider 方式实现,支持动态图;以下使用 BitmapShader 方式实现。 支持固定高宽缩放比缩放,支持前景Drawable,支持ImageView的所有ScaleType,且API 21具备更高性能。 预览 要求 minSdkVersion 4 链接 Github Bintray 使用 基本布局 < am .widget.shapeimageview.ShapeImageView android : id = " @+id/siv_image_c " android : layout_width = " match_parent " android : layout_height = " wrap_content " android : layout_margin = " 5dp " android : layout_weight = " 1 " android : clickable = " true " android : scaleType = " centerCrop " android : src = " @drawable/bg_welcome " app : sivBorderColor = " @color/colorAccent " app : sivBorderWidth = " 2dp " app : sivForeground = " @drawable/bg_common_press_dark " app : sivHeightScale = " 1 " app : sivScaleTarget = " height " app : sivShape = &q

[Widget]IndicatorTabStrip-移动式下标渐变缩放Tab

IndicatorTabStrip 继承自BaseTabStrip,移动式下标渐变缩放Tab,Item不建议超过5个,为ViewPager添加如PagerTitleStrip一样的Tab,但支持更多自定义功能,并支持为Tab增加标记点功能,并可以自定义标记点各自的位置及显示状态以及背景等。 预览 要求 minSdkVersion 9 保持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7) 链接 Github Bintray 使用 基本布局 < am .widget.indicatortabstrip.IndicatorTabStrip xmlns : app = " http://schemas.android.com/apk/res-auto " android : id = " @+id/its_its_tabs " android : layout_width = " match_parent " android : layout_height = " ?attr/actionBarSize " android : padding = " 5dp " android : textColor = " @color/color_main_tabs " android : textSize = " 16sp " app : ttsTextScale = " 1.2 " app : ttsDivider = " @drawable/divider_indicator_under " app : ttsInterval = " @drawable/divider_indicator_interval " app : ttsIndicator = " @drawable/ic_indicator_indicator "

[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 ; } @