建议：UI-Kit Preview能够显示界面源码，便于扩展参考

Creator 2.x 扩展插件
#1

UI-Kit Preview是一个非常不错的工具，能够让开发者快速查看控件的样式。如果能够提供这些范例的源码，对开发者来说会非常的方便。

希望这个界面能够提供源码。

注：虽然“开发者工具” 能够看到界面的html源码，但是比较混乱。

ui-kit-preview.jpg554×533 27.4 KB

1赞
#2

我也覺得這邊需要有說明，
開發的時候看這邊的範例就很好上手了

#3

官方文档没出来之前，可以用 Shift + Ctrl + C 追踪代码。

不过有些是 套嵌 样式，有时间可以研究一下。

以下是部分试例：

//最外层的可以滑动的区域

<div id="view" class="scroll">
//中间插入其他元素
</div>


//一行 UI 元素
<ui-prop name="Name" type="string" value="Foo" tabindex="-1">

//中间可以放一个UI组件，会被放在左侧，如下输入框
        <ui-input class="flex-1" tabindex="-1"></ui-input>
        
</ui-prop>

//大标题加一条划线，类似属性检查器

<ui-section tabindex="-1" folded="">
    <div class="header">Normal</div>
//放入其他元素，会被收起
</ui-section>

//一行 UI 元素，可以展开子类

<ui-prop name="Info" foldable="" tabindex="-1">
    <div class="child">
    
        <ui-prop name="Foo" type="boolean" tabindex="-1">
            <ui-checkbox class="flex-1" tabindex="-1"></ui-checkbox>
        </ui-prop>
        
        <ui-prop name="Bar" type="boolean" tabindex="-1">
            <ui-checkbox class="flex-1" tabindex="-1"></ui-checkbox>
        </ui-prop>
        
    </div>
</ui-prop>
1赞
#4

强烈建议给出界面源码

#5

同强烈建议，现在基本都需要看编辑器的开发者工具自己猜用法，不过我更担心的是触控自己还没想好到底要怎么暴露ElementTag和Api，然后想好了改一波。。。现在有的就都不能用了。。。

#6

同求，编辑器这块开发效率太低了，感觉回到了原始时代！