- 综合排序
- 最热优先
- 最新优先
- 来自专栏房东的猫
Element UI组件
简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 Element UI组件官方网址 Element UI标签 Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。
3.1K00发布于 2021-06-06 - 来自专栏Angualr2+
Angular UI 组件
ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https://github.com /valor-software/ngx-bootstrap NG-bootstrap bootstrap4组件 官网：https://ng-bootstrap.github.io/#/home NG-ZORRO https://github.com/cipchk/ng-alain NGX-admin http://akveo.com/ngx-admin/#/pages/dashboard primeng 一个丰富的组件库
1.8K90发布于 2018-05-05 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( Button 组件 )
文章目录 一、布局文件中设置 Button 组件属性 二、代码中修改 Button 组件属性 三、Button 点击事件 四、完整代码示例 五、执行结果 六、GitHub 地址 一、布局文件中设置 Button 组件属性 ---- Button 组件是在 UI 界面中的按钮组件 , 重要的用户交互接口 ; 布局文件中设置 Button : Button 组件在布局文件中的示例 : <? : ohos:layout_alignment=“horizontal_center” , 上述配置标识组件水平居中 ; 背景设置属性 : ohos:background_element="#000000 " , 可以设置一个颜色值 ; 文本设置 : ohos:text=“你点啥” , 设置组件显示的文本为 “你点啥” ; 文本文字大小设置 : ohos:text_size=“150” 文本颜色设置 : ohos:text_color="#00FF00" , 绿色 ; 二、代码中修改 Button 组件属性 ---- 代码中设置 Button 属性 : 获取组件 : 调用 findComponentById
1.5K00编辑于 2023-03-28 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
文章目录 一、Text 组件 二、Module 准备 三、代码示例 四、GitHub 地址 一、Text 组件 ---- Text 组件是在 UI 界面中显示文本的组件 ; 1. 布局文件中设置 Text : Text 组件在布局文件中的示例 : <?xml version="1.0" encoding="utf-8"? match_content 和 match_parent 两个值 ; 宽度 : ohos:width=“match_content” 高度 : ohos:height=“match_content” 组件位置属性 : ohos:layout_alignment=“horizontal_center” , 上述配置标识组件水平居中 ; 背景设置属性 : ohos:background_element="$graphic :background_ability_main" , 可以设置一个颜色值 ; 文本设置 : ohos:text=“Hello World” , 设置组件显示的文本为 Hello World ; 文本文字大小设置
1.4K00编辑于 2023-03-28 - 来自专栏MixLab科技+设计实验室
草图生成UI组件
里的基本图形，转化为UI组件。 设计理念是： 基于意图的设计 Intention-based design 设计师可以用草图的方式来进行UI设计，在这款工具里不需要搜索选择各种各样的UI组件，只需绘制简单的形状或文本，然后将它们神奇地转换为您要添加的 UI组件。 ， 而此简化图形能够代表实际UI组件的感觉。 如果这是一款跳出sketch的产品， 值得我们思考的是， 如何把UI组件转化为用鼠标可以快速绘制出来的简化图形， 而此简化图形能够代表实际UI组件的感觉。
1.1K40发布于 2019-05-05 - 来自专栏藏经阁
框架、组件库、UI框架、UI库
背景： 今天和一个前端小伙伴沟通的时候就框架和组件的称呼居然不一致。 事情是这样的，我和小伙伴在沟通一些问题的时候，她将uview、antd等称之为框架，而我内心想这些不是组件吗？ 这不就意味着react、vue、uni-app这样的才是框架，而我们在项目中引入的涉及UI的都是组件库中的部分组件，涉及函数功能的都是js库。 antd、element官网都是介绍自己为组件库，而uview称自己为UI框架，细想一下也是没问题的，因为他们还封装了功能相关的组件，比如表单、选择器、文件上传/下载，从某种意义上说，他们称自己为组件库 、UI库、UI框架都是没问题的。 框架原本就是对js的封装，浏览器最终执行的也是js代码，相当于就是在运行框架，而框架中又可以加入一些组件库（封装了UI），和js库（封装了函数）来减少我们的工作量。
1.2K20编辑于 2023-03-04 - 来自专栏chester技术分享
Avalonia的UI组件
Avalonia是一个强大的跨平台UI框架，允许开发者构建丰富的桌面应用程序。 它提供了众多UI组件、灵活的布局系统、可定制的样式以及事件处理机制。 在这篇博客中，我们将详细解析Avalonia的UI组件、UI组件的生命周期、布局、样式和事件处理。 一、UI组件 Avalonia提供了丰富的UI组件，包括按钮（Button）、文本框（TextBox）、列表框（ListBox）等。这些组件可以通过XAML或C#代码进行创建和配置。 组件的生命周期 UI组件在Avalonia中也有着明确的生命周期。 组件、UI组件的生命周期、布局、样式和事件处理等关键概念，并给出了相应的示例代码。
1.3K10编辑于 2024-04-13 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 列表 ListContainer 组件 )
文章目录 一、布局中设置列表 ListContainer 组件 二、ListContainer 组件用法 三、完整代码示例 四、GitHub 地址 一、布局中设置列表 ListContainer 组件 height="match_content" ohos:width="match_parent"/> </DirectionalLayout> 二、ListContainer 组件用法 ---- ListContainer 组件涉及到如下两个问题 : ① 提供的数据源 ; ② 将数据源中的数据展示到列表中 ; 数据源是 RecycleItemProvider 类型对象 , 一般需要自定义子类继承 Override public long getItemId(int i) { return i; } ④ getComponent ( ) 方法 : 返回列表项对应的显示的视图组件 , 如果该参数不为空 , 直接使用该组件 , 如果该参数为空 , 就创建新的组件 ; ③ ComponentContainer componentContainer 参数 : 列表容器 ; @Override
1.6K00编辑于 2023-03-28 - 来自专栏pandacode_cn
React框架 UI组件库
1. material-ui(国外) 官网: http://www.material-ui.com/#/ github: https://github.com/callemall/material-ui javascriptEnabled: true, modifyVars: { '@primary-color': 'green' }, } }), ); 备注：不用在组件里亲自引入样式了
52920编辑于 2023-07-07 - 来自专栏鸿蒙开发笔记
OpenHarmony UI开发-组件TextLayoutBuilder
效果演示下载安装ohpm install @ohos/textlayoutbuilder 使用说明：第一步： 初始化，导入 TextLayout 组件到自己项目中，实例化TextLayout.Layout @State layout:TextLayout.Layout = new TextLayout.Layout(); ...第二步：属性设置，通过layout类对象设置UI属性来自定义所需风格，也可以添加所需的回调 textalignTextAlign是文本对齐方式设置每行最小显示字数：layout.setMinEms(minEms: number)参数：参数名参数类型必填参数描述minEmsnumber是每行显示字数设置组件是否设置内边距 |---- TextInfo.ets # 富文本数据实体| |---- TextLayout.ets # UI 自定义组件| |---- index.ets # 对外接口| |---- README.md # 安装使用方法写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙
26320编辑于 2024-09-19 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 多选按钮 | Checkbox 组件 )
文章目录 一、布局文件中配置 Checkbox 组件 二、代码中配置 Checkbox 组件选中事件 三、完整代码示例 四、GitHub 地址 一、布局文件中配置 Checkbox 组件 ---- Checkbox 组件就是多选按钮 ; Checkbox 多选按钮之间不存在互斥关系 , 可以 同时选择 ; 如 : 给出 3 个 Checkbox 按钮 , 可以同时选中其中的 0 个 , 1 个 , match_content" ohos:text="多选按钮 0" ohos:text_size="100"/> </DirectionalLayout> 二、代码中配置 Checkbox 组件选中事件 super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); // 获取文本组件 } } 运行结果 : 四、GitHub 地址 ---- GitHub 主应用 : https://github.com/han1202012/HarmonyHelloWorld CheckBox 组件示例
2.4K00编辑于 2023-03-28 - 来自专栏西里网CSDN博客
python web ui组件库
Python Web UI 组件库 常用Python Web UI组件库 1. 本篇文章内容来源于：python web ui组件库
51810编辑于 2025-04-09 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 拖动条 Slider 组件 )
文章目录 一、布局中设置拖动条 Slider 组件 二、代码中控制拖动条 Slider 组件 一、布局中设置拖动条 Slider 组件 ---- 注意该 Slider 组件与 进度条 Progressbar 组件的区别 , Progressbar 不能拖动 , 只有显示功能 ; 布局中设置的 Slider 拖动条 : <? background_element="#000000" , 黑色 ; 设置进度条颜色 : ohos:progress_color="#00FF00" , 绿色 ; 纯布局效果展示 : 二、代码中控制拖动条 Slider 组件 ---- 代码中控制拖动条 Slider 组件 : 界面中有 Slider , Button , Text 三个组件, 点击按钮 , 将 Slider 中的进度值显示到 Text 组件中 ; package
1.4K00编辑于 2023-03-28 - 来自专栏游戏杂谈
Flex的UI组件Tile
Tile继承于容器类(Container)，有三个属性：direction(子项在容器中的放置样式：水平、垂直)、tileHeight(子项的高度)、tileWidth(子项的高度)
59720发布于 2018-11-16 React UI组件库教程
一、3个最受欢迎的React UI 组件库1. MUIMaterial-UI 是一个开源的 React 组件库，实现了 Google 的 Material Design。 它是一个全面的预构建 UI 组件集合，可以立即在生产中使用。特点：全面的组件集合： Material-UI 包括许多组件，包括按钮、菜单、表单、表格等。 可定制： Material-UI 组件可以轻松定制，以匹配你的品牌指南或应用的设计。可访问性： Material-UI 组件考虑了可访问性，这意味着残障人士也可以使用它们。 Headless UIHeadless UI 是一个提供完全未样式化、完全可访问的 UI 组件的 React 库，旨在与 Tailwind CSS 无缝集成。 这使得从组件外部启用样式的定制性变得更加容易二、丰富且可定制的组件在实际项目开发中，一个优秀的 UI 组件库不仅需要提供丰富的组件类型，还必须允许开发者根据业务需求对组件进行灵活的定制。
1.1K00编辑于 2025-02-17- 来自专栏itclanCoder
React进阶(5)-分离容器组件,UI组件(无状态组件)
Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的 在本节中,你将学习到,如何拆分容器组件,UI组件(无状态组件),让组件尽可能的保持功能的单一,减少组件的状态的 容器组件 ,也叫做傻瓜组件,因为它不具备任何逻辑,功能比较单一，只负责页面填充渲染 UI组件(傻瓜组件/无状态组件) UI组件:纯函数,没有任何副作用,给指定的输入,有指定的输出的函数,换句话说,只根据外部组件的 props进行渲染组件的 好处:拆分成容器组件与UI组件,不仅仅是功能上的分离,还有就是它无状态了,让UI组件只根据props来渲染UI,不需要state,让UI组件无状态,是拆分组件的目的,这样维护起来比较方便 ,保持各组件的功能单一,组件的状态交给容器组件去维护,容器组件通过props把状态传递给UI组件 在根目录下创建一个components文件夹,然后将上面父组件的TodoList的render函数返回的内容 ,分离出了UI组件,实际上就如下图的关系 关于state状态通过容器组件来获取,然后通过props传递给UI组件,让组件更少的涉及到状态的维护,避免分散在各个组件中 结语 在React中,对于组件的职责功能划分
1.9K00发布于 2020-10-25 - 来自专栏itclanCoder
React进阶(5)-分离容器组件,UI组件(无状态组件)
Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的 在本节中,你将学习到,如何拆分容器组件,UI组件(无状态组件),让组件尽可能的保持功能的单一,减少组件的状态的 · 正 UI组件(傻瓜组件/无状态组件) UI组件:纯函数,没有任何副作用,给指定的输入,有指定的输出的函数,换句话说,只根据外部组件的props进行渲染组件的 好处:拆分成容器组件与UI组件,不仅仅是功能上的分离 ,还有就是它无状态了,让UI组件只根据props来渲染UI,不需要state,让UI组件无状态,是拆分组件的目的,这样维护起来比较方便,保持各组件的功能单一,组件的状态交给容器组件去维护,容器组件通过props ,分离出了UI组件,实际上就如下图的关系 ? 关于state状态通过容器组件来获取,然后通过props传递给UI组件,让组件更少的涉及到状态的维护,避免分散在各个组件中 结语 在React中,对于组件的职责功能划分,并没有严格的条条框框限定,这也并不是
1.4K10发布于 2020-10-28 - 来自专栏向治洪
react native 调用原生UI组件
在React Native开发过程中，有时我们想要使用原生的一个UI组件或者是js比较难以实现的功能时，我们可以在react Naitve应用程序中封装和植入已有的原生组件。 组件的每一个属性的设置都会调用Java层被对应ReactProp注解的方法。 } } videoView.start(); } } } } 接着我们需要将UI 组件注册到系统中去。 有时候有一些特殊的属性，想从原生组件中导出，但是又不希望它们成为对应React封装组件的属性，可以使用nativeOnly来声明。
8.1K100发布于 2018-02-06 - 来自专栏白菜博客
web前端UI组件库框架
前端UI组件框架使用规则 高效使用组件库框架 一找 找到需要使用的组件库。 原生：LayUI Vue：ElementUI React：Ant Design 移动端/小程序：VantUI 二开 打开组件库的官网文档，优先看【快速开始/开始使用】 三引 引入组件库 CDN (推荐) 下载本地代码包 包管理器(npm/yarn) 四选 根据你的小程序(网页)布局/动效等需要,选择组件. 五看 针对一个组件,仔细阅读文档,千万不要看到能用就立马拿起扳手打螺丝. 六粘 粘贴组件代码到网页文件(项目)中 七改 建议参照文档,根据实际需要修改代码. 比如内容,样式和行为.
1K20编辑于 2022-03-02 - 来自专栏埋名
React UI 组件库【uiw】发布
uiw react 高品质的UI工具包，基于React 16+的组件库。 ? 为了表示支持，点击 阅读原文 搞点Star，多多益善。
2.5K20发布于 2018-09-11
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号