入围作品公开投票.md · Gitee Community/OpenHarmony组件开发大赛

OpenHarmony组件开发大赛作品提交已经正式告一段落，经过初步筛选，共有 65 份作品入围，进入到作品评审、大众投票环节。

投票时间： 2021 年 9 月 23 日- 9 月 30 日

大众投票： 大众投票将通过对 issue 点赞的方式，点赞最高的 10 份作品为人气作品奖
输入图片说明

奖项设置

一等奖（1名）：10000 元奖金+开发板 * 1 +《鸿蒙操作系统应用开发实践》书籍 * 1

二等奖（3名）：5000 元奖金+开发板 * 1 +《鸿蒙操作系统应用开发实践》书籍 * 1

三等奖（5名）：1000 元奖金+开发板 * 1

人气作品奖（10 名）：「鸿蒙+Gitee 」周边大礼包

阳光普照奖：所有入围作品可获得文化衫一件

🌟注：以上全部奖金均为税前金额，由主办方代扣代缴个人所得税

入围作品

序号	作者	作品名称	作品简介	投票入口
1	周希元	瀑布流图片布局	让图片以瀑布流的形式展示，可以提高用户快速浏览图片的体验。	立即投票
2	周希元	带标记的进度条	通过添加百分比文本框，让用户可以更准确的了解当前具体进度情况，进度标签随当前进度值移动，在UI上给用户较活泼的体验。	立即投票
3	周希元	带清空图标的输入框与软键盘	为了快速删除文本框中的内容，特意增加了一个清空图标按钮；由于没有找到输入法，所以自定义了一个简单的输入字母和数字的软键盘。	立即投票
4	陈乔	OpenHarmony自定义Icon组件	在此项目使用官方的 badge 组件和 canvas 组件来实现图标的绘制，通过封装自定义组件，可以对组件大小、样式、背景、角标等属性进行配置，从而实现图标的绘制，此自定义组件完全使用代码实现，没有引用任何外部资源或文件，可以很方便的被各种项目引用。	立即投票
5	李同洲	侧滑列表	本组件引用简单，自定义度高，点击事件齐全；可设置列表操作菜单，可根据数据灵活扩展菜单按钮个数，可以根据用户习性设置左右划出菜单方式，可以自定义菜单样式，有能力者可参照模板数据修改成专属自己的样式	立即投票
6	张晓彤	des算法加密组件	了解关于加密的相关算法，发现openharmony生态中关于加密算法的实现比较少，所以将des加密算法作为一个组件移植到openharmony中。	立即投票
7	王沛	progress——一个有生命色彩的进度条	主要是为了了解和学习harmony，希望可以推动harmony社区的建设，也希望harmony可以像这个进度条一样充满生命的色彩，一路向前永不后退。	立即投票
8	潘臻信	OpenHarmony 国密SM4算法加密组件	假期学习了一些有关加密算法的知识，同时对OpenHarmony的开发很感兴趣，感觉现在国产的加密算法需要推广，于是就尝试将国产的开源加密算法作为一个组件移植到OpenHarmony中。	立即投票
9	宋泽琦	OpenHarmany-Pretty-Weather 天气组件	基于 OpenHarmony 下的 JavaScript 天气组件	立即投票
10	周黎生	NineGridImageViewJs	自定义控件 , 用来展示九宫格照片, 就像微博图片和微信朋友圈图片展示一样	立即投票
11	常如意	WeatherForecastMemorandum-天气预报备忘录	最近天气经常变化无常，所以特研发天气预报备忘录组件，方便大家获取当前的本周天气情况，并通过备忘录来记录信息。目的：该组件实现在APP端通过天气列表跳转到当前日期的备忘录，即可以看到天气预报，又可以记录信息。	立即投票
12	赵小强	openHarmony 颜色选择器（色盘）组件	需求：随着智慧家居的快速发展，我们经常接入照明、出行、健康等相关智能设备，很多设备都具备灯光以及灯光调色等。基于此需求，特研发colorPicker。目的：该组件实现在APP端通过拖拽自由选择颜色，并提供多种颜色格式，以方便APP端与智能设备固件进行交互。	立即投票
13	赵东阳	CoverflowJs	画廊，引导页等都是应用里面比较常见等组件，搭配上各种各样等动画效果会让你的APP增色不少，本组件是参照安卓的coverflow组件效果移植的，在页面滑动的同时添加缩放翻转联动等动画效果。	立即投票
14	赵东阳	CurtainJs	在打开应用的时候经常见到新手指引，可以让用户知道如何使用各个功能，让用户快速上手。此组件参照安卓版的curtain的效果来实现相关功能。	立即投票
15	沈飞	Search-DialogJS 自带过滤关键字识别搜索框	非常实用的搜索框，快速过滤出关键字，且被搜索到的关键字变色。一个实用且能过滤关键字变色的搜索框，除了提供了基本的搜索框能力以外，被搜索到的列表中的关键字能变色，提高了识别能力，也提高了用户体验，既能加载本地数据，也能加载网络数据，皆可通过关键字过滤数据。	立即投票
16	张雁秋	LoadingViewJs	加载动画是日常项目中经常需要用到的东西，可以让用户在等待过程中不那么的枯燥乏味，优化应用的体验感，此组件库有20种效果有趣的加载动画组件。	立即投票
17	张雁秋	Image3DJs	最近自如团队实现了一个裸眼3D效果，有点小火，各平台的版本都随之产生了，这怎么少得了鸿蒙的，此组件便是该效果在鸿蒙JS上的实现，感谢自如团队的创意！	立即投票
18	徐赛赛	ArcProgressStackViewJs-弧形进度条	功能：可以直观地表现出各个item之间的进度差异项目经过：进度条在组件中是比较多，这个组件在于可以显示多个项目的进度，主要借鉴了鸿蒙java组件。	立即投票
19	李锐	弹出对话框	原文当内提供的弹出提示太单一,无法满足更多的业务需求	立即投票
20	夏德旺	tab导航栏支持顶部或底部样式、消息角标提示等	基于OpenHarmony SDK开发封装自定义组件，该组件为应用开发中非常常用的TAB导航栏，默认为底部导航栏，也可以设置为顶部导航栏，同时支持红点和数字提醒两种角标提醒。	立即投票
21	张超	tree-select 一款树形选择器，支持单选、多选和提示功能	很多组件库中都存在tree-select组件，而且也很实用，特别适合手机端。	立即投票
22	瞿纬乾、陈巧银	MyTab—可滑动菜单、选中居中高亮、点击有菜单平铺层	查看市面多种app，发现常用菜单大多都是左右滑动菜单，且在滚动许可范围内被选中菜单居中高亮展示。另外，在菜单项较多的时候，右侧还会展示出下拉箭头，点击可将菜单项下拉平铺展示。总结其大体功能、样式，实现了带下拉箭头跟不带下拉箭头的两种tab组件。	立即投票
23	陈巧银、瞿纬乾	MyListView—包含下拉刷新、上拉加载、item切换、item复用	目前很多手机app展示最常用的就是listview，下拉刷新、上拉加载更多基于这个集成一个listview。另外此listview支持上下切换item项，并提供了切换后的事件捕获，以及主动获取切换步骤的方法。为了性能考虑了item的复用机制，不过在previewer预览时，快速滑动的时候会偶发展示问题，后期排查改进。	立即投票
24	梁青松	侧滑菜单	侧滑菜单，两种样式显示	立即投票
25	何兴彦	VerticalShuffling垂直轮播组件	一个自定义轮播公告，可以自定义轮播的内容数量项目经过和原因：现在手机上面有些小程序或者APP内部都有轮播的公告，内部可以自定义轮播的数量以及轮播事时间的间隔长短，希望这个组件可以带给使用者方便	立即投票
26	郭振博	CustomNumericKeypad自定义键盘、输入框	提供自定义键盘样式组件，可以自行切换，自定义输入框组件项目经过和原因：目前拿微信支付或者支付宝支付再或者某些金融类软件来说，数字键盘各式各样，也有随机的数字排序，可以让自己密码更安全，内部还写了自定义的输入框，用户可以根据页面形式来自定义输入框的类型，希望能给使用者带来方便	立即投票
27	钱进	OpenHarmony 安全密码键盘组件	三方JS应用程序在需要用户输入数字密码时，可通过引用本项目组件，直接获得安全密码键盘，三方应用可以对密码是否加密、是否无序排列，以及选择键盘样式等进行灵活配置。	立即投票
28	胡洋	OpenHarmony 多种验证组件	信息时代，客户端登录场景越来越多，为了防止机器人频繁登录而造成服务器崩溃，市场上出现了越来越多五花八门的登陆验证码。这个组件包含了市面上常见的验证码，满足了开发者对验证功能的需求。	立即投票
29	石凡	OpenHarmony 可排序自定义列表组件	移动端UI组件的话列表组件用的还是比较多的，尤其是带排序功能的列表组件，故做了此列表组件。项目借鉴了微信通讯录列表、微信聊天记录列表、淘宝添加收货地址等优秀的页面。功能还是挺强大的，希望可以帮助的有需要的同学们。	立即投票
30	陈建朋	OpenHarmony登录界面，列表下拉和加载操作	界面开发最常见的就是登录界面和列表的刷新和加载更多，不管是本地大数据或者网络数据，都需要分页加载，就必须用到列表刷新和加载。1，完整的登录页面和逻辑 2，列表的下拉刷新和上拉加载更多。	立即投票
31	瞿纬乾	TitleBar头部导航组件	开发项目时需要多次用到导航组件，而且需要灵活配置，有时用到类似微信朋友圈透明渐变效果，于是找共性开发个头部导航组件	立即投票
32	王国菊	OpenHarmony Drawing 画板组件	画板组件是基于OpenHarmony下的JavaScript UI框架开发的一款组件，主要特点如下：支持画笔粗细选择支持画笔颜色定义选中画笔颜色除了默认颜色，可点击色盘，选择自己想要的颜色一件清除画板支持橡皮擦功能支持保存图片功能	立即投票
33	田帅	FabButton悬浮拖拽按钮	目前官网组件中也没有类似的组件，一些场景中又存在这样的需求	立即投票
34	任鹏飞	OpenHarmony自定义防疫出行组件	根据查询各个城市的防疫政策，做个简单的防疫查询，包括使用picker城市选择器，跑马灯样式等	立即投票
35	熊文功	ColorfulPalette-彩色绘板	目前开源的关于鸿蒙JS UI框架的canvas的使用还比较少，而很对场景都需要借助canvas来完成。因为时间的原因，目前只是基于canvas封装了绘版和取色器组件，后续有时间将会持续更新基于canvas封装的组件，例如图片裁剪及色彩处理、粒子效果等等。	立即投票
36	陈巧银	JS日历组件	此自定义组件包含了两个自定义属性，一个自定义事件，一个自定义方法。具体请查看项目根目录的README.md文件。	立即投票
37	Reky	OpenHarmony Sheet 表格引擎组件	由于大部分前端项目渲染层是使用框架根据排版模型树结构逐层渲染的，整棵渲染树也是与排版模型树一一对应。因此，整个渲染的节点也非常多。项目较大时，性能会受到较大的影响。为了提升渲染性能，提供更优质的编辑体验从 DOM 更换成 Canvas 渲染，方便开发者构建重前端大型在线文档项目	立即投票
38	Eno/EnoYao/Wscats	OpenHarmonyFlappyBird 组件	基于 Canvas 画布绘制 FlappyBird 游戏。	立即投票
39	林洪炳	OpenHarmany-Calendar-Datepicker 日历组件	在做商场的机器人项目时候，客人可以在机器人的交互界面预定某些服务，这时机器人的界面需要显示日历让客人快速选择日期。做这个组件就是为了让开发者不需再造日历轮子而直接使用选择日期功能。	立即投票
40	单雨婷	自适应发布评论的功能	可以自适应手机屏幕，发布评论，大家可在线聊天	立即投票
41	周佳伟	历史数据展示	该组件是为了更好的展示日数据列表，共分为两部分，上面是一个日期，下面是一个列表。点击或切换日期，会展示当前日的一个数据列表展示。	立即投票
42	余香鑫	timer	一个可以精确到毫秒的倒计时 Harmony JS UI控件, 支持多种显示格式, 开发者可根据需求制定格式、样式, 支持计时结束方法回调	立即投票
43	王如洋	Compass	一个基于ACE框架canvas组件的指南针组件，它可以根据设备的罗盘传感器来显示设备的方向,也可以将罗盘角度回调至用户。	立即投票
44	张润胜	Vant Openharmony	openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是Vant。所以基于Vant现有的组件进行在openharmony的实现。--打造了openharmony-iconfont-cli，快速创建ICON，基于自定义字体样式实现；--把组件库发布到npm，探索了通过 npm 安装组件库并使用；--尝试了 TS+LESS+HML 的开发模式。	立即投票
45	李洋	OpenHarmony解锁学习组件应用	本OH组件适合开发者及潜在开发者们学习参与练习。从应用图标开始，总共涉及到6个主页面，通过点击关键词解锁详细解释的方式，方便开发者快速了解OH的基础术语。具体的技术特性包括了图片、文字、按钮布局，点击跳转，点击显示等。	立即投票
46	唐隆辉	angle_selector	角度选择条，通过左右滑动选择角度，背景，刻度线，选择范围均支持修改。	立即投票
47	郑霖	signature-panel画板、签名	实现的一个简单的绘图面板，可以用作手写签名，可以涂鸦。实现了画笔颜色、线宽、背景颜色的切换。	立即投票
48	郑霖	自定义底部导航Tab切换	APP中底部导航Tab切换使用场景比较多，所以自己尝试使用鸿蒙Js自定义一个tab组件，可以方便后期使用	立即投票
49	詹伟松	swell-长按膨胀按钮	设计该按钮组件的初衷，是因为常规的长按按钮调用的是onlongpress方法，而该长按事件方法不能设置长按的时间，对于某些需要用户持续长按按钮达到规定时间后启动特定事件的场景，显然功能设置上是缺失的。同时常规长按事件方法在启动事件前后按钮没有外形、颜色等样式的变化，用户不能从视觉上得到事件成功启动的提示。于是我决定设计一种自定义长按按钮组件，可同时兼顾按钮和进度条两个功能。	立即投票
50	路人ss	OpenHarmony自定义 WaitingButton 等待按钮组件	等待按钮在各种应用中都不少见，安全验证时的获取短信验证码按钮和游戏角色技能施放按钮等都时类似的按钮，所以就自己封装了一个简单的类似游戏技能施放的按钮组件。该组件使用 stack 容器组件，在容器中一层层叠加其他相关的组件，最终完成封装。通过封装自定义组件，可以对组件大小、图标和相关样式等进行配置，方便开发者的使用。	立即投票
51	韩超	mobile-select-area	为了丰富鸿蒙picker组件功能，更方便的实现联动选择功能，且支持json数据源绑定	立即投票
52	吴海平	以九宫格形式展示一张或多张图片	以九宫格的形式展示单张或者多张图片，图片超过一定的数量之后多出来的部分以数字的形式显示到九宫格的最后一张上面，后续还可以有更多的扩展性	立即投票
53	祝中林	益智游戏，通过手势，合并数字的游戏	一款益智游戏，通过手势，合并数字的游戏，成绩可长久保存，可以通过设置调整难度，音效等	立即投票
54	朱帆	JsImagePreview	这是一个图片预览的组件，包含许多常用手势与动效。起初是从尝试js中的TouchEvent与动画框架，到实现手势识别，然后图片预览，到最后加上各种动效。中间更改过多种实现方法，最后采用了canvas的drawImage的基础api来实现整个预览效果。	立即投票
55	roix	自定义画板组件DrawingBoard	基于canvas组件制作自定义画板组件DrawingBoard，方便用户在制作需要画板的应用（你话我猜、笔记类、远程教学类等）时直接调用。	立即投票
56	余晖	JSVideoController视频控制页	该项目是一款播放器控制页面应用，底层播放器现采用鸿蒙JS原生video，上层采用自定义的布局，生成部分场景的控制页面，可实现主流视频应用的部分功能，如播放、全屏、选集、倍速等功能。	立即投票
57	易治豪	MyInput	在input上做输入提示，增加错误提示	立即投票
58	卢振	JsComponent	这是一个JavaScript组件库，初次学习JS，将工作中遇到的鸿蒙三方组件采用JS进行实现，实现了水波纹、滚轮、浮动列表、表单等组件	立即投票
59	刘彦辰	JS lottery抽奖组件	一个轻量级抽奖组件，在一些商家活动或者签到奖励等相关场景中使用。	立即投票
60	胡凯	OpenHarmony 自定义弹幕组件	平时喜欢看B站视频，觉得弹幕是个非常好的视频交流功能，所以做了这个弹幕组件	立即投票
61	小磊子	自定义HoverButton悬浮按钮组件	自己写小车遥控器的组件开源出来，多种通讯方式的悬浮按钮切换。	立即投票
62	郭迪	draw-board自定义画板	自定义画板组件，适用于生活中的练字、签字、绘画等场景	立即投票
63	崔贺	CaptchaOfBlockPuzzle 拼图验证组件	一个拖动的拼图验证组件，组件可用于登录页面等其他防止机器暴力破解账号密码的情况	立即投票
64	商好值	StatusViewJS	自定义不同状态组件包含两种类型刷新状态： statusView是自定义状态图，仿照原StausView组件开发 stauslayout是仿微信小程序页面状态切换组件	立即投票
65	商好值	ContinuousScrollableImageJS	一个连续滚动图像效果的组件库可自定义图像源、缩放类型、持续时间和方向等高效地显示具有连续滚动效果的图像。	立即投票

Gitee Community / OpenHarmony组件开发大赛

奖项设置

入围作品

简介

发行版

贡献者

近期动态

Gitee Community / OpenHarmony组件开发大赛 .gitee-modal { width: 500px !important; }

奖项设置

入围作品

简介

发行版

贡献者

近期动态

搜索帮助

Gitee Community / OpenHarmony组件开发大赛