- 综合排序
- 最热优先
- 最新优先
- 来自专栏房东的猫
Element UI组件
简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 Element UI组件官方网址 Element UI标签 Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。
3.2K00发布于 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.5K10编辑于 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 - 来自专栏harmonyos从入门到精通
10 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar头像组件开发教程（一）
第一篇：Avatar 组件基础概念与设计 1. 组件概述 Avatar 组件是一个用于展示用户头像的基础 UI 组件，支持图片、文字和图标三种显示模式，并提供了丰富的自定义选项。 本教程将详细介绍 Avatar 组件的设计思路和实现方法。 2. // 48px } 预设了四种标准尺寸： MINI：迷你尺寸，适用于密集列表 SMALL：小型尺寸，适用于常规列表 MEDIUM：中等尺寸，默认尺寸 LARGE：大型尺寸，适用于详情展示 2.3 组件属性接口 优先级原则 图片模式 > 图标模式 > 文字模式 自定义背景色 > 随机背景色 自定义尺寸 > 预设尺寸 降级处理 图片加载失败时自动降级为默认图标 尺寸设置无效时使用默认中等尺寸 样式一致性 保持边框圆角与组件尺寸的协调 尺寸 详情页面可使用 MEDIUM 或 LARGE 尺寸 特殊场景可使用自定义尺寸 性能考虑 合理使用图片资源的大小 避免频繁切换头像内容 适当使用错误处理回调 下一篇教程将详细介绍 Avatar 组件的核心实现原理和状态管理机制
24100编辑于 2025-03-07 - 来自专栏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' }, } }), ); 备注：不用在组件里亲自引入样式了
55020编辑于 2023-07-07 - 来自专栏鸿蒙开发笔记
OpenHarmony UI开发-组件TextLayoutBuilder
效果演示下载安装ohpm install @ohos/textlayoutbuilder 使用说明：第一步： 初始化，导入 TextLayout 组件到自己项目中，实例化TextLayout.Layout @State layout:TextLayout.Layout = new TextLayout.Layout(); ...第二步：属性设置，通过layout类对象设置UI属性来自定义所需风格，也可以添加所需的回调 model: this.layout }) }.backgroundColor("#cccccc").margin({ left: 14, right: 14 }).borderRadius(10 |---- TextInfo.ets # 富文本数据实体| |---- TextLayout.ets # UI 自定义组件| |---- index.ets # 对外接口| |---- README.md # 安装使用方法写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙
27220编辑于 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.5K00编辑于 2023-03-28 - 来自专栏西里网CSDN博客
python web ui组件库
Python Web UI 组件库 常用Python Web UI组件库 1. plt.subplots() ax.plot(xs, ys) return fig interactive_plot = pn.interact(plot, frequency=(1, 10 本篇文章内容来源于：python web ui组件库
57210编辑于 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.5K00编辑于 2023-03-28 - 来自专栏游戏杂谈
Flex的UI组件Tile
Tile继承于容器类(Container)，有三个属性：direction(子项在容器中的放置样式：水平、垂直)、tileHeight(子项的高度)、tileWidth(子项的高度)
60420发布于 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中,对于组件的职责功能划分
2K00发布于 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 - 来自专栏林德熙的博客
win10 uwp 非ui线程访问 ui
大家都知道，不可以在 其他线程访问 UI 线程，访问 UI 线程包括给 依赖属性设置值、读取依赖属性、调用方法（如果方法里面修改了依赖属性）等。 一旦访问UI线程，那么就会报错，为了解决这个问题，需要使用本文的方法，让后台线程访问 UI 线程。 本文提供三个方法可以让其他线程访问 UI 线程 第一个方法是比较不推荐使用的，可能出现 win10 uwp Window.Current.Dispatcher中Current为null ，一般都是使用比较低的优先 为何不设置为 High ，参见 CoreDispatcherPriority 那么比较推荐的一个方法是在一个用户控件或者Page之类的，如果在里面使用了异步线程需要访问 ui 的属性，那么可以使用下面代码 await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () => {
1.3K10发布于 2018-09-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号