- 综合排序
- 最热优先
- 最新优先
- 来自专栏韩曙亮的移动开发专栏
【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 , 这两个父类组件都在 material.dart 中 , 因此这里先把依赖导入 ; import 'package:flutter/material.dart'; 2、选择继承的父类 自定义组件继承 StatefulWidget StatefulWidget 组件流程 ---- 自定义 StatefulWidget 组件 , 导入的包 定义 final 成员变量 与 StatelessWidget 组件相同 ; StatefulWidget
2.6K10编辑于 2023-03-29 - 来自专栏IT码农
yii2 扩展和自定义(函数 , 组件 , 模块)
自定义辅助函数 入口文件加载 目录下创建一个helpers目录下创建functions.php 文件 <?php if (! 自定义component 组件 在app\components下新建NewComponent.php namespace app\components; use Yii; use yii > [ 'class' => 'app\components\MyComponent', ], ] 下面就可以愉快的使用 组件了是不是很简单 Yii::$app->testcomponent->hello(); 自定义Modules 模块 以下参考yii2.0 权威指南 新建一个如下目录 forum/ Module.php
1.2K31发布于 2019-09-02 - 来自专栏Vue2
vue2知识点：组件自定义事件
2种方式区别：自定义事件绑定到子组件，其实是调用定义子组件方法 -> 调用自定义事件 - $off() //解绑所有的自定义事件3.13.4使用自定义事件的容易出错的点案例1：有3个组件，父组件App.vue，2个子组件Student.vue和School.vue，想实现点击子组件按钮把学生名传递给 this指代父组件App.vue的vc this.studentName = name }) //绑定自定义事件}容易出错点2：问题：我在子组件Student 标签中使用了自定义事件，我想再绑定个原生事件 ：组件is属性12.vue2知识点：组件模板定义13.vue2知识点：组件的props属性、非props属性、props属性校验14.vue2知识点：组件自定义事件15.vue2知识点：组件插槽分发16 改写成本地缓存29.vue2基础组件通信案例练习：把案例Todo-list改成使用自定义事件30.vue2基础组件通信案例练习：把案例Todo-list改成使用全局事件总线31.vue2基础组件通信案例练习
46910编辑于 2024-10-27 - 来自专栏我的博客
Vue自定义组件-动态组件
/button.vue' import btn2 from '. title="标题1" msg="按钮1"></ex-list> <ex-list current="ex-btn" title="标题<em>2</em>" msg="按钮<em>2</em>"></ex-list> 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 - 来自专栏今日前端
D2 Crud 1.1.0 发布 - 支持自定义组件
地址：https://github.com/d2-projects/d2-crud 新功能： 1. 支持渲染自定义组件 表格自定义组件示例：https://d2-projects.github.io/d2-admin/#/demo/d2-crud/demo25 表单自定义组件示例：https://d2 -projects.github.io/d2-admin/#/demo/d2-crud/demo26 2. 操作列支持通过函数隐藏 / 禁用按钮（包括自定义按钮） 示例： https://d2-projects.github.io/d2-admin/#/demo/d2-crud/demo17 https:// d2-projects.github.io/d2-admin/#/demo/d2-crud/demo18 ?
1.3K20发布于 2019-07-26 - 来自专栏韩曙亮的移动开发专栏
【Android 内存优化】自定义组件长图组件 ( 自定义组件构造方法 )
文章目录 一、自定义组件构造方法简介 1、View(Context context) 构造函数 2、View(Context context, @Nullable AttributeSet attrs AttributeSet attrs, int defStyleAttr, int defStyleRes) 构造函数 二、代码示例 三、源码及资源下载 官方文档 API : BitmapRegionDecoder 一、自定义组件构造方法简介 XML 文件中指定 ; ③ 默认风格 : 该方法使用默认的风格 defStyleAttr = 0 , 该组件的属性设置只有 Context 中的主题和 XML 中的属性 ; 2 . 如 : 按钮类的构造函数会传入 defStyleAttr = R.attr.buttonStyle 风格作为参数 ; 2 . 源码及资源下载地址 : ① GitHub 工程地址 : Long_Graph_Loading ② LongImageView.java 主界面代码地址 : LongImageView.java , 这是上述示自定义组件代码
1.1K10编辑于 2023-03-27 - 来自专栏达达前端
Vue组件的操作-自定义组件，动态组件，递归组件
： <input type="text" value="value" @input = "handleinput($event.target.value)"> 自定义组件，父组件的input事件需要通过 $emit('input, value'); }
自定义组件双向绑定 <my-component v-model="dashucoding"> </my-component> v-model '"> c2 </button> // 使用动态组件 <keey-alive> <component v-bind:is="currentComponent"> </component> </keey-alive >this is c2</template> <script> // 定义组件 const C1Component = { template: '#c1' }; const : 'C1Component' }, components: { C1Component, C2Component, } }); </script> 递归组件，需要有一个结束的判断，否则就会一直循环2.6K20发布于 2019-12-20来自专栏Android小菜鸡自定义组件——ModuleView
这里找到的解决方法是，选用LayoutManager的时候，使用自定义的FullLayoutManager，用于解决与ScrollView的冲突。 附件： 组件ModuleView下载地址 附件无法下载，请复制打开连接，在浏览器重新执行即可！！
1.2K10发布于 2018-09-06来自专栏python3自定义admin组件
2 仿照site.py的注册代码，写stark.py代码： ? ? if callable(field): # 判断字段是否可被调用 val = field(self.config, obj) # 给自定义方法传递参数 if callable(field): # 判断字段是否可被调用 val = field(self.config, obj) # 给自定义方法传递参数 因为使用的是ModelForm组件，因此判断字段的类型是不是ModelChoiceField即可。 2 修改ModelStark类中的add_view ? ? 也算是实现了自定义的admin的增删改查。
2K10发布于 2020-01-16MyApps 自定义组件
setTemplateModalType] = useState<AppTypeEnum | 'all'>(); const { runAsync: onCreateFolder } = useRequest2( loadMyApps(); }, errorToast: 'Error' }); const { runAsync: onDeleFolder } = useRequest2( [3, 2] : [3, 10]} pl={3} overflowY={'auto'} overflowX={'hidden'} isPc && <Box mt={2}>{RenderSearchInput}</Box>} <MyBox flex={'1 0 0'} isLoading={myApps.length '); const { data = [], runAsync: loadMyApps, loading: isFetchingApps } = useRequest2(
35000编辑于 2024-12-18来自专栏韩曙亮的移动开发专栏【OpenHarmony】ArkTS 语法基础 ② ( ArkTS 自定义组件 | 自定义可导入组件 - export 声明模块 | 导入自定义组件 - import 导入组件 )
结构 , 表示自定义组件 , 定义的自定义组件 可以用在 其它组件中 ; @Component 自定义组件 中 , 最终的操作是将 OpenHarmony 提供的内置 的 容器组件 和 基础组件 进行封装 组合 , 形成新的复杂组件 ; 2、自定义组件语法 ArkTS 自定义组件语法如下 : 使用 @Component 装饰器 修饰 struct 结构 , 在 struct 结构体中的 build 函数 代码中 , 将该组件封装成一个独立模块 ; 如果需要 在 其它自定义组件 中使用到该自定义组件 , 使用前 , 首先导入 自定义组件 所在的代码模块 , 然后再使用导入的自定义组件 ; 1、自定义可导入组件 ) Text('Text2') .fontSize(20) .backgroundColor(Color.Yellow) Text('Text3 .alignItems(HorizontalAlign.Center) // 水平居中 .justifyContent(FlexAlign.Center) // 垂直居中 } } 2、
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(), ), ), 使用自定义组件 = Colors.black ..style = PaintingStyle.stroke ..strokeWidth = 2; Paint() ..color = Colors.black ..style = PaintingStyle.fill; 效果如下 传参 对于自定义组件
73610编辑于 2022-04-11</template> /** * @Desc vue自定义桌面端弹层组件来自专栏h5Vue2.x自定义桌面端弹框组件VLayer
介绍 VLayer弹层 基于Vue2.x构建的PC端轻量级交互式弹窗组件。 image.png a3.gif a2.gif 怎么样，是不是看着很眼熟，没错！在设计之初参考借鉴了Layer弹框插件、Element-UI、iView等组件化设计思想。 快速使用 // 在main.js中引入组件 import VLayer from '. @@默认参数 v-model 当前组件是否显示 title 标题 content 内容（支持自定义插槽内容） type 弹窗类型（toast | footer -- 修复拖拽卡顿 -->
2.7K50发布于 2020-11-02 - 来自专栏睿Talks
React 源码深度解读（五）：首次自定义组件渲染 - Part 2
React 15.4.2 ，以下是本系列其它文章的传送门： React 源码深度解读（一）：首次 DOM 元素渲染 - Part 1 React 源码深度解读（二）：首次 DOM 元素渲染 - Part 2 React 源码深度解读（三）：首次 DOM 元素渲染 - Part 3 React 源码深度解读（四）：首次自定义组件渲染 - Part 1 React 源码深度解读（五）：首次自定义组件渲染 - Part 2 React 源码深度解读（六）：依赖注入 React 源码深度解读（七）：事务 - Part 1 React 源码深度解读（八）：事务 - Part 2 React 源码深度解读（九）：单个元素更新 {2} | |-this.mountChildren() / |↻instantiateReactComponent()[2,3] |-ReactDOMComponent[2].mountComponent() // scr: [2] done
56620编辑于 2022-06-14 - 来自专栏itclanCoder
小程序-实现自定义组件以及自定义组件间的通信
的方式进行修改 那么在小程序中如何自定义组件,以及自定义组件之间是如何进行通信呢 实例效果 image.png 通过上面一个简单的数字加减输入框组件,阅读完本文后,您将收获到 在小程序中如何自定义组件 怎么使用自定义组件? ,对原生wxml中的view的一种拓展,在自定义组件上可以添加自定义属性,绑定自定义事件. (监听事件是组件通信的主要方式之一,自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件,监听自定义组件事件的方法与监听基础组件事件的方法完全一致) 如果上面两种方式都无法满足,在父组件中还可以通过 自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件,监听自定义组件事件的方法与监听基础组件事件的方法完全一致 如下所示 <!
3.2K40发布于 2020-11-09 - 来自专栏飞鸟的专栏
vue 组件自定义事件
自定义事件概述自定义事件是一种允许组件之间进行事件传递和监听的机制。通过在组件中定义和触发自定义事件，我们可以实现组件之间的通信。组件可以发出自定义事件，其他组件可以监听这些事件并做出响应。 发送自定义事件要在组件中发送自定义事件，我们可以使用$emit方法。$emit方法接受两个参数：事件名称和要传递的数据。下面是一个示例，展示了如何在组件中发送自定义事件：// 子组件this. 监听自定义事件要在组件中监听自定义事件，我们可以使用v-on指令或@符号加上事件名称来绑定事件监听器。 handleEvent(data) { console.log('Received data:', data); } }};</script><template>
<h2> Child Component</h2> <button @click="sendEvent">Send Event</button></template><script>export1K00编辑于 2023-05-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号