Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

MyateJx/WidgetProductor

Open more actions menu

Repository files navigation

WidgetProductor

项目地址:https://github.com/MyateJx/WidgetProductor

说明

  • 1、提交代码需严格按照Alibaba代码规范
  • 2、每个功能块代码上传,需标明作者及更新时间
  • 3、每个功能块代码需在app Module中编写示例代码,并做好标注

1.提示类

序号 功能块 提交人 更新时间 主要功能类 示例代码位置
1.1 Tooltip MyateJx 2018-07-16 KingoitTooltip com.kingoit.widgetproductor.tip.TooltipActivity
1.2 Dialog MyateJx 2018-07-19 KingoitDialog com.kingoit.tip.dialog.KingoitDialog

1.1、Tooltip - 引导提示

作用:弹出引导提示,告诉用户可点击某处,起指明的作用。

期望:

  1. 可在目标view的上、下、左、右边弹出。
  2. 可调整提示的字体大小、字体颜色、背景颜色。
  3. 可设置在屏幕中的方位,上、下、左、右。

Tooltip

1.2、Dialog - 对话框

作用:弹出对话框,可供用户选择或查看进度。

期望:

  1. 可一键调用,可控制其外部点击关闭与否。
  2. 可调整字体大小、字体颜色、背景颜色。
  3. 可调用不同的选项模式、进度模式。
  4. 旋转屏幕等父窗口重置的情况,自身还能恢复。(todo)
  5. 可动态插入表单控件和回调。(todo)

Dialog


2.列表类

序号 功能块 提交人 更新时间 主要功能类 示例代码位置
2.1 流式布局 zuo123 2018-07-16 KingoitFlowLayout com.kingoit.widgetproductor.list.FlowLayoutActivity
2.2 Spinner zuo123 2018-07-23 SpinnerUtils com.kingoit.widgetproductor.list.SpinnerActivity

2.1、流式布局

流式布局 : 常用于搜索历史记录、标签展示。

  • 可设置的属性如下
<!--KingoitFlowLayout ,流式布局属性设置-->
    <declare-styleable name="KingoitFlowLayout">
        <attr name="flowLayoutRadius" format="dimension"/>
        <attr name="flowLayoutTextColor" format="color"/>
        <attr name="flowLayoutTextSize" format="dimension"/>
        <attr name="flowLayoutLineColor" format="color"/>
        <attr name="flowLayoutLineWidth" format="dimension"/>
        <attr name="flowLayoutBackgroundColor" format="color"/>
        <attr name="flowLayoutDeleteBtnColor" format="color"/>
    </declare-styleable>
  • 效果图 image.png image.png

2.2、Spinner

利用PopupWindow+recyclerview 替代Spinner; 可以自定义的Adapter(需要继承BaseSpinnerAdapter); 可以自定义列表的item布局,及数据实体。 可以重新设置箭头的图标。 image.png


3.导航类

序号 功能块 提交人 更新时间 主要功能类 示例代码位置
3.1 公用HeadView zuo123 2018-07-23 KingoitHeadView com.kingoit.widgetproductor.navigation.HeadViewActivity

3.1、公用HeadView

  • 可设置的属性
    <!--KingoitHeadView ,公用头部控件-->
    <declare-styleable name="KingoitHeadView">
        <!--左侧ImageView-->
        <attr name="headLeftImgSrc" format="reference|integer"/>
        <attr name="headLeftImgVisible" format="boolean" />
        <attr name="headLeftImgColor" format="color"/>
        <!--左侧TextView-->
        <attr name="headLeftText" format="string" />
        <attr name="headLeftTextColor" format="color" />
        <attr name="headLeftTextBackground" format="reference|integer" />
        <!--标题TextView-->
        <attr name="headTitleText" format="string" />
        <attr name="headTitleTextColor" format="color" />
        <attr name="headTitleTextVisible" format="boolean" />
        <!--右侧TextView-->
        <attr name="headRightText" format="string" />
        <attr name="headRightTextColor" format="color" />
        <attr name="headRightTextBackground" format="reference|integer" />
        <!--右侧ImageView-->
        <attr name="headRightImgSrc" format="reference|integer"/>
        <attr name="headRightImgVisible" format="boolean" />
        <attr name="headRightImgColor" format="color"/>
    </declare-styleable>
  • 设计图 设计的样式如下,分别为: 左侧ImageView、左侧TextView、标题TextView、标题容器FrameLayout、右侧TextView、右侧ImageView

headView

  • 效果图 公用头使用

4.展示类

序号 功能块 提交人 更新时间 主要功能类 示例代码位置
4.1 横向滚动TextView zuo123 2018-07-23 MarqueeTextView com.kingoit.widgetproductor.show.MarqueeTextActivity

4.1、横向滚动TextView

横向滚动TextView.gif

About

The Widget productor testing,filtering and providing the common widgets we always used during software developing.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.