ivy-ui是一个符合 Web Components 规范的由浏览器原生支持的现代 web 组件库。高颜值、可访问性(aria-)通用性/易用性,跨框架。无论是react、vue还是原生项目均可使用。无论是react、vue还是原生项目均可使用。组件化。shadow dom真正意义上实现了样式和功能的组件化。类原生。一个组件就像一个原生标签一样。无依赖。纯原生,无需任何预处理器编译。现代浏览器。包括移动端,不支持IE。IE不支持原生customElements,webcomponentsjs可以实现对IE的兼容,不过很多CSS特性仍然无效,所以放弃。
美丽的约定 发布的帖子
-
符合Web Components 规范的Web组件库ivy-ui
-
Element Plus正式发布
Element Plus 使用 TypeScript 与 Vue 3.2 开发,提供完整的类型定义文件。并使用 Composition API 降低耦合,简化逻辑。
兼容性,由于 Vue 3 不再兼容 IE,所以 Element Plus 也提高了最低兼容的版本。
Element Plus 同时支持 ESM、CJS 与 UMD 格式。一般情况下无需留意导入的格式,构建工具会自动匹配并转换成目标格式,同时无需额外配置,自身支持按需加载能力。
设计,组件大小体系由 default/medium/small/mini 切换为更自然的 large/default/small,以 default 为基础,需要加大则选择 large,需要缩小则选择 small。
padding 方面则优化为更通用的 4px 体系,采用 4/8 px 作为原子单位控制整个系统的 padding 一致性。即大组件 padding 也大,小组件 padding 也小。
如果想在低版本浏览器上正常使用 Element Plus,请自行使用 Babel、ESBuild 或其他转换工具,并引入相应的 polyfill。
-
MFC的Edit text编辑框控件
MFC是一个微软基础类库,全称为:Microsoft FoundationClasses,简称MFC,它是微软公司提供的一个类库,它以C++类的形式封装了Windows API,同时还包含了一个应用程序框架,目的是为了减少应用程序开发人员的工作量。其中包含大量Windows封装类和很多Windows的内建控件和组件的封装类。
MFC的Edit text编辑框控件中的架构中包含了4个button控件,3个edit text控件。
如果想要使用它实现rc文件的一个ui界面,首先需要对示例编辑框进行添加变量以供使用,最常用的就是采用的是值类型来处理,在类向导里面可以看到自己添加的类。
-
HarmonyOS的UI 组件
DanmakuFlameMaster_ohos - 此组件基于开源项目 DanmakuFlameMaster ,并且进行鸿蒙化的移植和开发,是B 站的弹幕库,同时支持显示、隐藏、显示、暂停、继续、发送、还可以定时发送弹幕。
SlidingMenu_ohos - 此组件是基于开源项目 SlidingMenu 进行鸿蒙化的移植和开发,并且支持滑动菜单进行展示/隐藏。
SnackBar_ohos - 此组件基于开源项目 SnackBar 进行鸿蒙化的移植和开发,支持显示弹出式提醒,也包括了文字和点击效果。
Banner_ohos - 此组件是基于开源项目 Banner 进行鸿蒙化的移植和开发,是一个鸿蒙广告图片轮播控件。
SimpleCropView - 此组件适用于鸿蒙的图像裁剪库,它简化了裁剪图像的代码,并且提供了易于自定义的 UI。
LoadSir - 这个组件是一个高效易用,低碳环保,扩展性良好的加载反馈页管理框架,在加载网络或其他数据时候,根据需求切换状态页面,并且可添加自定义状态页面,如提示加载中,加载失败,无数据,网络超时,又例如占位图,登录失效等常用页面。同时可配合网络加载框架,结合返回状态码,错误码,数据进行状态页自动切换,值得一提的是封装使用效果更佳。
PatternLockView - 此组件是一个自定义屏幕图案解锁控件,该库可以使使用者可以轻松,快速地在应用程序中实现模式锁定机制。它非常易于使用,并且提供了许多自定义选项,可以更改此视图的功能和外观以满足您的需求。同时它还支持 RxJava 2 视图绑定,因此,如果是喜欢响应式编程的,就可以在用户绘制模式时获得更新流。
FancyToast-ohos - 此组件是一个库,它将标准的 android 吐司带到一个新的层次,有各种样式选择。根据代码来做吐司。
ohos-Bootstrap -此组件ohos-Bootstrap 是一个 openharmony 库,它提供了根据Twitter Bootstrap 规范。这可以让您花费更多时间 而不是试图在整个应用程序中获得一致的主题,尤其是在您已经熟悉 Bootstrap 框架的情况下。
flexbox-layout - FlexboxLayout 是一个库项目,并且将 CSS Flexible Box Layout Module 的类似功能引入了 openharmony。
Lichenwei-Dev_ImagePicker -此组件中的 ImagePicker 支持图片,视频单选,多选,多文件夹切换,大图片预览和自定义图片加载器等功能。
Swipecards - 自定义卡片,左右飞滑删除卡片,上下滑卡片回弹复位。
StatefulLayout - 显示最常见的状态模板,如加载,清空,错误等。要做的就是用 StatefulLayout 包装目标区域(视图) 。
material-intro-screen - Material intro screen 的设计灵感来自于 Material Intro , 为了使简介屏幕易于所有人使用并尽可能方便的扩展,我倾注心血几乎完全重写所有功能。
NumberProgressBar - NumberProgressBar 是各种类型的 progressBar 的组合。
BezierMaker - 通过 de Casteljau 算法绘制贝塞尔曲线,并计算它的切线,实现 1-7 阶贝塞尔曲线的形成动画。
ShowcaseView - ShowcaseView 库旨在通过独特且吸引人的叠加层向用户突出显示和展示应用的特定部分。这个库非常适合指出用户的兴趣点,突出模糊但是有用的内容。
TextDrawable - 一个轻量级的库提供带有字母/文本的图像,例如 Gmail 应用程序。 它扩展了 ShapeElement 类,因此可以与现有/自定义/网络图像类一起使用。 还包括用于创建 shapeElement 的流畅接口和可自定义的 ColorGenerator。
SlidingLayout - SlidingLayout 是一种 Component 控件,可以帮助你实现类似微信网页浏览的下拉功能。
CustomWaterView - 自定义仿支付宝蚂蚁森林水滴控件,实现水滴飘浮状态,点击水滴边降落边消失,重置水滴。
CountdownView - 一个具有倒计时功能的 View,满足大多数倒计时控件需求。
labelview - 支持改变标签大小、方向、支持列表显示、支持在 ImageView,button,Text 上使用。
swipe - 实现页面滑动的监听,其中包含普通实现和 rxjava 实现.
UltraViewPager - UltraViewPager 是 PageSlider 的扩展,封装了多个功能,为多页面切换提供解决方案。
Gloading - 深度解耦 Hos Hap 中全局加载中、加载失败及空数据视图,为组件化改造过程中的解耦长征助力,分离全局加载状态视图的实现和使用。
Luban - 一个用于 OHOS 的图像压缩工具,其效率非常类似于 WeChat Moments 的效率。该模块有助于压缩 png,jpg,位图和 gif 类型的图像。
ViewPagerIndicator - 与以下版本的 PageSlider 兼容的分页指示器小部件 openharmony 以提高内容的可发现性。
SCViewPager - 用于 openHarmonyOS 的 Jazz 一个简单的 ViewPager 扩展,提供了基于滚动的动画。
CircleImageView - 快速的圆形 ImageView 非常适合个人资料图像,它使用 PixelMapShader 创建自定义图像视图。
TextBannerView - 现在的绝大数 APP 特别是类似淘宝京东等这些大型 APP 都有文字轮播界面,实现循环轮播多个广告词等功能;这种控件俗称“跑马灯”,而 TextBannerView 已经实现了可垂直跑、可水平跑的跑马灯了。
MaterialBadgeTextView - 一个为 Badge 提供了改进的 textview 的库。Badge 是带有插入数字的彩色圆圈,该圆圈显示在图标的右上角,通常在 IM 应用程序中显示新消息或新功能的作用。
ProgressView - 一个进度视图,目前实现了带数字进度的水平进度条以及圆形进度条,圆形进度条包括三种风格:普通环形进度,内部垂直填充进度以及内部环形填充进度。
MaterialEditText - Material Design 中对文本输入框的样式提供了标准,并且在 AppCompat v21 中提供了 Material Design 的空间外观支持。
SlideUp-ohos - 一个小型库,可让您向任何视图添加甜美的幻灯片效果。使用 SlideUp 向上,向下,向左或向右滑动视图!
EazeGraph - 一个用于创建精美图表库。它的主要目标是创建一个轻量级的库,该库易于使用并且高度可定制,具有“最新”外观。
AvatarImageView - 一种在 openharmony 平台上创建 AvatarImageView 的简单方法,该平台可以显示圆形文本或圆形图像,以及 SquareAvatarImageView 可以用于显示圆形图像。
michaelbel_BottomSheet - BottomSheet 带有材质设计概念的 ohos 对话库。
CircularProgressView - 是一个圆形进度条 openharmony 视图,旨在模仿 ProgressBar 的 Material 版本。
ohos-viewbadger - 一个简单的文本标签视图,可以作为“徽章”应用到在运行时动态创建的任何给定组件,而不必在布局中迎合它。
pinned-section-listview - pinnedsectionlist 是易于使用的 ListContainer,具有用于 openharmony 的固定部分。 pinnedsection 是一个标题视图,该视图粘贴到列表的顶部,直到该部分的至少一项可见为止 。
Fast-ohos-Networking - 一个功能强大的网络库,用于在 OkHttp Networking Layer 之上进行应用中的任何类型的网络连接。它负责处理连接过程中的所有操作,所以你只需要发送请求并接收响应。
-
React 组件与全链路开发和设计工具体系Ant Design
Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。
随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁集团体验技术部)经过大量项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于自然、确定性、意义感、生长性四大设计价值观,通过模块化解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。
Ant Design提供完善的设计指引、最佳实践、设计资源和设计工具,来帮助设计者快速产出高质量产品原型。