- 综合排序
- 最热优先
- 最新优先
- 来自专栏python3
ExtJS（3）- 自定义组件（星级评分）
然后我们来说一下实现原理，Ext的组件基本单元是Ext.Component，所以自定义组件可以继承Component，然后显示部分直接用html来显示，包括css和动态事件都可以直接在html上编辑添加 /a>' + '
- 2
' + '- 3< 2、因为是评分组件，就会有读和写，读的话就是选中星级后读取几星，这里我们设定的直接是value，而写我们设定了setValue()方法，所以在form表单加载时，该组件就可以直接加载到该分数的样式。 3、tooltip的内容同样是可以自定义的，我们只要在实例化该组件时传入参数便可以自定义tooltip提示。 系统开发中肯定会有各种各样的组件，而我们只要发挥想象，都能够将这些功能组件模块化，从而达到共用。
1.4K20发布于 2020-01-08 - 来自专栏韩曙亮的移动开发专栏
【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )
文章目 一、Flutter 组件简介 二、Flutter 自定义 StatelessWidget 组件流程 1、导入父类包 2、选择继承的父类 3、设置成员变量及构造函数 4、重写 build 方法 5、完整代码示例 三、Flutter 自定义 StatefulWidget 组件流程 四、使用 final 修饰 Widget 组件成员变量分析 五、调用自定义组件 1、主要方法 2、完整代码 3、效果展示 ; 二、Flutter 自定义 StatelessWidget 组件流程 ---- 1、导入父类包 自定义组件需要继承 StatefulWidget 或 StatelessWidget , 这两个父类组件都在 , 动态修改内容 , 那么继承 StatefulWidget ; 3、设置成员变量及构造函数 声明组件的成员变量 , 注意成员变量使用 final 修饰 ; /// 组件属性必须使用 final StatefulWidget 组件流程 ---- 自定义 StatefulWidget 组件 , 导入的包 定义 final 成员变量 与 StatelessWidget 组件相同 ; StatefulWidget
2.6K10编辑于 2023-03-29 - 来自专栏Unity3D
Unity3D Editor自定义窗口、自定义组件学习分享
一、前言 这是我看到的一篇关于自定义窗口、自定义组件比较完整的教程，讲的很详细大家一起学习一下吧。 ()提供一个自定义的文档链接，点击组件上的文档图标既能打开到你指定的链接，如下所示： 提示：填写链接时，一定要写上 http:// 或者 https://，否则将无任何反应。 自定义 Inspector 属性面板的一些基础知识，和注意事项如下图所示： 接下来开始制作的我们自己的 Inpector，对于自定义 Inpector 面板可参考下图的API： 常用的自定义 Inspector [这里写图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/18cb131d3c4249e797e1541252be6ba9~tplv-k3u1fbpfcp-zoom 3.position参数指的是需要在Inspector面板中绘制的区域信息，可以从下面两张图中简单的了解一下： PS：为了测试，注释了一些代码，并且添加了一个2D刚体组件。
3.2K32编辑于 2022-08-07 - 来自专栏我的博客
Vue自定义组件-动态组件
current="ex-btn" title="标题2" msg="按钮2"></ex-list> <ex-list current="ex-btn" title="标题<em>3</em>" msg="按钮<em>3</em>" v-on:myClick="test" ></ex-list> <ex-list ref="btnlist" current components: { 'ex-list': myList }, methods: { test: function () { console.log('自定义 console.log('beforeMount') }, // 组件写入dom结构之前 mounted: function () { // 组件写入dom结构了 console.log beforeDestroy') }, // 组件销毁之前 destroyed: function () { console.log('destroyed') }// 组件已经销毁 }
1.4K20发布于 2019-12-11 - 来自专栏韩曙亮的移动开发专栏
【Android 内存优化】自定义组件长图组件 ( 自定义组件构造方法 )
文章目录 一、自定义组件构造方法简介 1、View(Context context) 构造函数 2、View(Context context, @Nullable AttributeSet attrs ) 3、View(Context context, @Nullable AttributeSet attrs, int defStyleAttr) 构造函数 4、View(Context context AttributeSet attrs, int defStyleAttr, int defStyleRes) 构造函数 二、代码示例 三、源码及资源下载 官方文档 API : BitmapRegionDecoder 一、自定义组件构造方法简介 示例 : 如 : 按钮类的构造函数会传入 defStyleAttr = R.attr.buttonStyle 风格作为参数 ; 3 . 源码及资源下载地址 : ① GitHub 工程地址 : Long_Graph_Loading ② LongImageView.java 主界面代码地址 : LongImageView.java , 这是上述示自定义组件代码
1.1K10编辑于 2023-03-27 - <template id="my-component">来自专栏达达前端
Vue组件的操作-自定义组件，动态组件，递归组件
： <input type="text" value="value" @input = "handleinput($event.target.value)"> 自定义组件，父组件的input事件需要通过 $emit('input, value'); }
自定义组件双向绑定 <my-component v-model="dashucoding"> </my-component> v-model v-bind:value="name" v-on:input="name = $event.target.value">name={{name}}父组件 <my-component v-model="name"></my-component>组件中 < ，动态地切换组件的显示内容，多个组件可以使用同一个挂载点。2.6K20发布于 2019-12-20 - 来自专栏Spring Boot学习之路
Spring Boot3 整合VUE3实现前端自定义字典组件
Spring Boot3 整合VUE3实现前端自定义字典组件 Harry技术后台管理系统，gitee地址：https://gitee.com/harry-tech/harry，采用SpringBoot2.7 、MyBatis-Plus、SpringSecurity安全框架等，开发的一套权限系统,实现前后端分离前端技术栈 Vue3 、Element Plus 、Vite（JS版）。 后端技术栈升级计划 后端技术栈升级至Spring Boot 3，这一升级将带来性能提升、新特性支持以及更好的兼容性。目前，该升级工作仍在开发中，一旦完成，我会开源出来，供大家一起学习和交流。 在网上看到Vue3-Element-Admin-Thin项目（基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的），以此作为基础， Vue3-Element-Admin提供了一个字典值读取及展示组件，可以方便地实现这一功能。
38400编辑于 2025-01-13 - 来自专栏分享技术
如何使用Vue 3创建可重用的自定义组件
Vue 3还提供了一些新的API，其中包括Composition API，它使开发人员能够更轻松地创建可重用的自定义组件。 在本文中，我们将探讨如何使用Vue 3的Composition API创建可重用的自定义组件。 /App.vue'; const app = createApp(App); app.mount('#app'); 现在我们可以创建我们的第一个自定义组件。 在Vue 3中，我们使用defineComponent函数来定义组件。 使用Vue 3的Composition API，我们可以更轻松地创建可重用的自定义组件，并更好地组织和维护我们的代码。 接下来，我们将深入探讨Composition API的一些更高级功能。
3.5K00编辑于 2023-11-29 - 来自专栏Android小菜鸡
自定义组件——ModuleView
这里找到的解决方法是，选用LayoutManager的时候，使用自定义的FullLayoutManager，用于解决与ScrollView的冲突。 附件： 组件ModuleView下载地址 附件无法下载，请复制打开连接，在浏览器重新执行即可！！
1.2K10发布于 2018-09-06 - 来自专栏python3
自定义admin组件
添加数据</h3>
<div class="col-md-6 col-md-offset-<em>3</em>" 添加数据</h3> {% include 'form.html' %} </body> View Code 3 edit.html ? 3 定义ShowList类： ? ? 因为使用的是ModelForm组件，因此判断字段的类型是不是ModelChoiceField即可。 2 修改ModelStark类中的add_view ? ? 也算是实现了自定义的admin的增删改查。2K10发布于 2020-01-16MyApps 自定义组件
Flex flexDirection={'column'} h={'100%'}> {paths.length > 0 && ( <Box pt={[4, 6]} pl={3} [3, 2] : [3, 10]} pl={3} overflowY={'auto'} overflowX={'hidden'} 3 : [4, 6]} alignItems={'center'} gap={3}> <LightRowTabs list={[
35000编辑于 2024-12-18来自专栏韩曙亮的移动开发专栏【OpenHarmony】ArkTS 语法基础 ② ( ArkTS 自定义组件 | 自定义可导入组件 - export 声明模块 | 导入自定义组件 - import 导入组件 )
结构 , 表示自定义组件 , 定义的自定义组件 可以用在 其它组件中 ; @Component 自定义组件 中 , 最终的操作是将 OpenHarmony 提供的内置 的 容器组件 和 基础组件 进行封装 有了 UI 组件的特征 , 可以独立使用用于其它组件构建 ; 在 UI 声明 build 函数中 , 可以放置 内置组件 或 自定义组件 , 此时这些组件 就是 子组件 , 本组件就是 父组件 ; 3 、将自定义组件设置为页面入口 OpenHarmony 应用的 显示的 整个页面也是一个 自定义组件 , 如果要将该 自定义组件 设置为 显示页面 , 则需要 使用 @Entry 装饰器 装饰 @Component 代码中 , 将该组件封装成一个独立模块 ; 如果需要 在 其它自定义组件 中使用到该自定义组件 , 使用前 , 首先导入 自定义组件 所在的代码模块 , 然后再使用导入的自定义组件 ; 1、自定义可导入组件 Text('Text2') .fontSize(20) .backgroundColor(Color.Yellow) Text('Text3'
1.8K11编辑于 2024-06-04来自专栏Android小菜鸡自定义组件——TitleView
简介： TitleView是一个常用的顶部标题栏组件，操作简单，可以快速搭建，并实现统一管理标题栏的目的。 采用建造者模式，支持快速构建back按钮、标题名、提交按钮等等。 附件： 组件TitleView下载地址 附件无法下载，请复制打开连接，在浏览器重新执行即可！！
86230发布于 2018-09-06来自专栏Android小菜鸡自定义组件——BottomSelectView
多用于门户页面，与Fragment联动，可以快速搭建一个可以切换Fragment的首页组件。 getBottomSelectData() , getSupportFragmentManager(), R.id.activity_main_fragmentview); 附件： 组件
72910发布于 2018-09-06来自专栏Web前端开发Vue自定义组件
一、组件的创建 在 components 文件夹下新建一个组件 runoob.vue <template>
自定义组件</template> <script> export runoob from '@/components/runoob.vue' 2、在 components 下注册该组件 components: { runoob } 3、在标签中引用 <runoob 三、组件的自定义属性 1、Prop 传属性值 prop 是父组件用来传递数据的一个自定义属性（通过 props 把数据传给子组件） components/runoob.vue 文件： <template >自定义组件<! 父组件使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件 1、$emit(eventName) 触发事件 components/runoob.vue 文件： <template1.2K10发布于 2019-08-23来自专栏Panda诚自定义Processor组件
自定义Processor组件 NIFI本身提供了几百个Processor给我们使用，但有的时候我们需要自定义一些组件来使用(这种情况个人觉得百分之八十是因为想实现一个功能，而且这个功能需求原框架就能cover 现在用的都是我自己写的组件->老板：厉害！加薪！) 废话不多说，直接上干货 在哪写？ ，它定义了一组NIFI标准Processor组件。 以下以我之前写的一个组件为例(被要求写的，用JOLT组件完全hold住，反正我觉得这么写自定义组件没啥意思，感觉如果给社区提PR都不带被搭理的) /** * 给简单的二级结构的json数据添加常量值 getSupportedPropertyDescriptors() { return properties; } } 简单说一下： 一个Processor的属性就是对于我们定义的PropertyDescriptor，比如上面这个组件自定义的常量字段名和常量值
2.2K21发布于 2020-09-01来自专栏Android码农flutter自定义组件
如何用canvas绘制我们任何想要任意图案的组件，这篇文章用自定义一个五角星组件来说明 CsutomPaint 自定义组件，建议用官方的CustomPaint来实现，先新建一个pantagram的类 class 150), painter: Pentagram(), ), ), 使用自定义组件 Paint() ..color = Colors.black ..style = PaintingStyle.fill; 效果如下 传参 对于自定义组件
73610编辑于 2022-04-11组件复用的 3 种高级方案：抽离逻辑 vs 封装组件 vs 自定义 hooks
组件复用的 3 种高级方案：抽离逻辑 vs 封装组件 vs 自定义 hooks 组件复用的关键不在“把代码复用起来”，而在于选择正确的抽象边界，让后续迭代的成本更低、协作更顺畅。 本文从三条互补路径展开：抽离逻辑（跨 UI 复用）、封装组件（统一视觉与交互）与自定义 hooks（复用有状态逻辑），提供实战示例与选型指南。 封装组件：把稳定的 UI 模式与交互协议固化为组件，对外暴露简洁安全的 Props 接口。 自定义 hooks：把状态管理与副作用抽象为“可组合逻辑”，在不同组件中灵活拼装。 需要统一 UI 与交互协议，页面直接复用整体 → 选 封装组件。 需要复用“有状态逻辑 + 副作用”，但保留 UI 灵活性 → 选 自定义 hooks。 小结 抽离逻辑、封装组件、自定义 hooks 是互补的三条路。正确的复用，是在合适层级建立稳固的抽象边界。先搞清“要复用的东西是什么”，再决定用哪种方案实现，才能让未来的你与同事受益。
22810编辑于 2025-12-15来自专栏itclanCoder小程序-实现自定义组件以及自定义组件间的通信
的方式进行修改 那么在小程序中如何自定义组件,以及自定义组件之间是如何进行通信呢 实例效果 image.png 通过上面一个简单的数字加减输入框组件,阅读完本文后,您将收获到 在小程序中如何自定义组件 count-container view:nth-child(1) { border-right: 1px solid #ccc; } .count-container view:nth-child(3) center; } .btn-disabled { background: #eee; pointer-events: none; /*微信小程序view禁掉bindtap事件,阻止点击,它是css3的一个属性 button呢,该怎么实现呢 如果用view代替button,虽然在某个条件下,可以达到样式上是禁用状态,但是如果你在测试时,这个减操作仍然是在不断触发的 这样显然有些鸡肋 解决这个问题: 借助了 css3 在指定的类上添加一个pointer-events: none就可以了的 .btn-disabled { pointer-events: none; /*微信小程序view禁掉bindtap事件,阻止点击,它是css3的一个属性
3.2K40发布于 2020-11-09来自专栏飞鸟的专栏vue 组件自定义事件
自定义事件概述自定义事件是一种允许组件之间进行事件传递和监听的机制。通过在组件中定义和触发自定义事件，我们可以实现组件之间的通信。组件可以发出自定义事件，其他组件可以监听这些事件并做出响应。 发送自定义事件要在组件中发送自定义事件，我们可以使用$emit方法。$emit方法接受两个参数：事件名称和要传递的数据。下面是一个示例，展示了如何在组件中发送自定义事件：// 子组件this. 监听自定义事件要在组件中监听自定义事件，我们可以使用v-on指令或@符号加上事件名称来绑定事件监听器。 $emit('custom-event', data); } }};</script>在上面的示例中，父组件通过监听子组件的自定义事件custom-event来接收数据。 子组件在按钮点击事件中触发了该自定义事件，并传递了数据'Hello from child component!'。
1K00编辑于 2023-05-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号