项目地址：https://github.com/MyateJx/WidgetProductor
- 1、提交代码需严格按照
Alibaba代码规范 - 2、每个功能块代码上传，需标明作者及更新时间
- 3、每个功能块代码需在
app Module中编写示例代码，并做好标注
| 序号 | 功能块 | 提交人 | 更新时间 | 主要功能类 | 示例代码位置 |
|---|---|---|---|---|---|
| 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 |
作用：弹出引导提示，告诉用户可点击某处，起指明的作用。
期望：
- 可在目标view的上、下、左、右边弹出。
- 可调整提示的字体大小、字体颜色、背景颜色。
- 可设置在屏幕中的方位，上、下、左、右。
作用：弹出对话框，可供用户选择或查看进度。
期望：
- 可一键调用，可控制其外部点击关闭与否。
- 可调整字体大小、字体颜色、背景颜色。
- 可调用不同的选项模式、进度模式。
- 旋转屏幕等父窗口重置的情况，自身还能恢复。（todo）
- 可动态插入表单控件和回调。（todo）
| 序号 | 功能块 | 提交人 | 更新时间 | 主要功能类 | 示例代码位置 |
|---|---|---|---|---|---|
| 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 |
流式布局 : 常用于搜索历史记录、标签展示。
- 可设置的属性如下
<!--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>
- 效果图
利用PopupWindow+recyclerview 替代Spinner；
可以自定义的Adapter（需要继承BaseSpinnerAdapter）；
可以自定义列表的item布局，及数据实体。
可以重新设置箭头的图标。
| 序号 | 功能块 | 提交人 | 更新时间 | 主要功能类 | 示例代码位置 |
|---|---|---|---|---|---|
| 3.1 | 公用HeadView | zuo123 | 2018-07-23 | KingoitHeadView | com.kingoit.widgetproductor.navigation.HeadViewActivity |
- 可设置的属性
<!--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
- 效果图
| 序号 | 功能块 | 提交人 | 更新时间 | 主要功能类 | 示例代码位置 |
|---|---|---|---|---|---|
| 4.1 | 横向滚动TextView | zuo123 | 2018-07-23 | MarqueeTextView | com.kingoit.widgetproductor.show.MarqueeTextActivity |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent