展开

关键词

extjs750 组件dashboard用法和样例

版本 7.5.0 classic 主要组件 Ext.dashboard.Dashboard 仪表板组件,可实现 主要配置项: parts 仪表板要使用的parts定义,使用键值对形式传入parts.id

10120

低代码设计器的自由的实现原理

前言 大家好,我们在这篇文章中来分享一下自由的实现原理,实现一个设计器组件自由的最简demo。 如何使元素支持 实现组件的自由的核心就是 html5 中新添加的全属性 draggable 属性,该属性规定了元素是否可进行。 设置组件离开目标元素时放置行为为不能放,即none。 元素在目标元素松手时添加元素到画,即将组件元数据添加到list2中,元素所对应的元数据记录也了这个组件在画面中的坐标位置。 那到画中的组件又是如何实现通过灵活的移位置的呢? 后记 这篇文章中我们实现了页面设计器组件自由的最简demo,让大家理解自由的实现原理。至于里面还有一些细节的处理,大家可以根据自己的需要自行实现~对该系列文章感兴趣的小伙伴来一波关注吧。

29630
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    python GUI库图形界面开发之PyQt5态(可控件大小)控件QSplitter详细使用方法与实例

    PyQt5态(可控件大小)控件QSplitter简介 PyQt还提供了特殊的管理器QSplitter。 它可以态地子控件之间的边界,算是一个态的管理器,QSplitter允许用户子控件的边界控制子控件的大小,并提供一个处理曳子控件的控制器 在QSplitter对象中各子控件默认是横向的 __init__() self.initUI() def initUI( self ): #设置全为水平,设置标题与初始大小窗口 hbox=QHBoxLayout( QSplitter(Qt.Vertical) splitter2.addWidget(splitter1) splitter2.addWidget(bottom) #设置窗体全以及子的添加 (可控件大小)控件QSplitter详细使用方法与实例,更多关于PyQt5控件的使用知识请查看下面的相关链接

    1.2K40

    JointJS

    效果 画外套一层画板和一层画框,时让画板在画框中滚 源码 <div id="wrap" style="overflow: auto;height:300px;width:300px;background-color $("#paper"), $WRAP = $("#wrap"); $PAPER.css('cursor', 'grab'); // 通过jointjs点击事件绑定/解绑wrap的鼠标移事件

    8520

    AutoLayout是一种基于约束的,描述性的系统。

    20020

    iOS自

    14600

    iOS的MyLayout体系--浮MyFloatLayout

    且每种的子视图的约束机制不一样:线性MyLinearLayout、表格MyTableLayout、流式MyFlowLayout、浮MyFloatLayout这四种的子视图之间的约束是通过添加到父的先后顺序来决定的 但是在实际的情况中我们会要求有某个子视图按向上或者向下浮的来进行,并且的顺序是按添加的子视图的顺序优先按向上或者按向下进行浮,然后再整体的从左到右进行展示,这种浮我们称之为上下浮 在当前的库版本中,我们只有线性、浮、表格、流式支持智能边界线的设定,而框架、相对则是不支持的。 C区块我们也可以用浮来实现,我们只需要建立一个左右浮,主标题部分向左浮,并且宽度和父宽度相等,付标题部分向左浮,并且宽度和父宽度相等,而图片部分则向右浮即可。 因此我们也可以借助浮来我们各种复杂的界面,而且浮也能方便的实现线性以及流式的能力。

    32630

    web开发之flex(弹性

    1 flex 1.1传统与flex 传统 兼容性好 繁琐 限性,不能在移端很好的 flex弹性 操作方便极为简单,移端应用广泛 PC端浏览器支持情况较差 IE11或更低版本不支持或仅部分支持 1.2原理 flex是flexible Box的缩写,意为“弹性”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex。 当我们把父盒子设为flex后(display: flex;),子元素的float、clear和vertical-align属性都将失效 伸缩=弹性=伸缩盒=弹性盒=flex 采用flex的元素,称为flex容器(flex container),简称“容器”。 它的所有子元素自成为容器成员,称为flex项目(flex item),简称“项目”。

    17930

    02移

    一、rem      1、意义:当px固定宽度不能适应不同屏幕尺寸时,需要,从而产生rem      2、rem 和 em 区别           2.1 rem: root,以根节点(html      2、利用less计算能力,计算rem @r: 10rem; .main{ width: 400/@r; //400px---->40rem } 三、利用border-sizing

    33490

    科大讯飞的多赛道,是否“后腿”?

    凭借语音智能和智能硬件一马当先的科大讯飞,能否扛起“平台+赛道”的多元业务?多赛道是多条腿走路,还是会“后腿”?一直被诟病的毛利率下跌、过于依赖政府补贴等老问题,科大讯飞又如何解决? 据财报分析显示,科大讯飞2021年在更多城市进行了战略合作,使智慧城市业务毛利率下降较多,同时医疗业务的毛利率下降了9个点。 对于靠智能语音起家的科大讯飞,能否支撑起它的多元业务? “平台+赛道”,基本盘稳不稳得看“引力”够不够 科大讯飞的业务版图,是按“平台+赛道”来划分的。 一方面是从加大投入到研发进入正常提升的轨道,另一方面是多业务板块能够跑通,其AI能力真正能够支撑其多元的业务,这样才能告别补贴,实现持续的盈利。 但是,在技术层面的“系统性创新”,以及业务层面的多赛道之间,如何平衡发展,是一个非常关键且值得去摸索的问题。 文:婉君 / 数据猿

    7560

    win10 uwp 控件 Margin 移Canvas 控件Manipulation 控件

    我们会使用控件,可以让我们做出好看的画,那么我们如何移控件,我将会告诉大家多个方法。其中第一个是最差的,最后的才是我希望大神你去用。 Margin 移 我们可以使用Margin移,但这是wr说不要这样做。 8C%89%E9%92%AE%E9%BC%A0%E6%A0%87%E5%B7%A6%E9%94%AE%E6%8C%89%E4%B8%8B/ 于是在Button_OnPointerMoved,我们获取移的 btn.ActualHeight / 2.0; btn.Margin=new Thickness(x,y,0,0); } } Canvas 控件 Canvas.LeftProperty, x); btn.SetValue(Canvas.TopProperty, y); } } Manipulation 控件

    54100

    浅议内滚

    一、什么是内滚? 所谓“内滚”,顾名思义就是主滚条在页面内部的,是相对于传统的<html>滚而言的,例如,下图所示滚条,是从头部下方开始: ? 我们可以部放大,会发现,是个实打实的内滚。 ? 不仅是QQ音乐,其他很多桌面软件都是这种内滚,比方说QQ软件管家等等。 ? 有此可见,一旦强交互的传统web页面桌面软件化,内滚是绕不开的一堵墙,了解之还是很有必要的。 三、如何实现内滚? 于是,一个高宽均自适应浏览器窗体的内滚就成型了。 四、内滚的赏与罚 我们站在上帝视角审视一下内滚,本质上就是滚容器的迁移,职能下发。 五、结束语 由于传统窗体滚已经深入人心,所以我们可能会觉得内滚似乎有些坑;但是,如果当年是内滚天下,我们又该如何看待新兴的窗体滚呢?

    95850

    攻略

    作者:Tolonger 原文链接:https://www.jianshu.com/p/9e7e755ca281 除了百分比流式之外,rem占据了目前移的热潮。 那么究竟这几种差别在哪里,对应的有什么效果,希望本文能给你一些有益的启示。除此之外还有响应式,固定宽度等。 百分比流式 这里面最知名的当属bootstrap框架的思路,他所有的组件以及模板ui均是百分比流式,单位为px.并且我们看到的大部分对移端适配的页面也均是采用这种核心思想去做的,方法简单,多端共用 所以无论怎么看,百分比流式都是一种常规+主流的方案。 淘宝触屏版的前提就是viewport的scale根据devicePixelRatio态设置。js中可以通过devicePixelRatio拿到具体的设备数值。 1.

    74060

    浅议内滚

    一、什么是内滚? 所谓“内滚”,顾名思义就是主滚条在页面内部的,是相对于传统的<html>滚而言的,例如,下图所示滚条,是从头部下方开始: ? 我们可以部放大,会发现,是个实打实的内滚。 ? 不仅是QQ音乐,其他很多桌面软件都是这种内滚,比方说QQ软件管家等等。 ? 有此可见,一旦强交互的传统web页面桌面软件化,内滚是绕不开的一堵墙,了解之还是很有必要的。 三、如何实现内滚? 于是,一个高宽均自适应浏览器窗体的内滚就成型了。 四、内滚的赏与罚 我们站在上帝视角审视一下内滚,本质上就是滚容器的迁移,职能下发。 五、结束语 由于传统窗体滚已经深入人心,所以我们可能会觉得内滚似乎有些坑;但是,如果当年是内滚天下,我们又该如何看待新兴的窗体滚呢?

    50720

    Android态加载

    最近项目中用到了态加载,今天闲下来记录一下自己的学习经历吧。 ListView我们一直都在用,只不过当Adapter中的内容比较多的时候我们有时候没办法去设置一些组件,举个例子: image.png 可以看到京东的故事里面的这样一个,这个可以说是我目前见到的内容比较多的了 分析了一下之后我们不难发现,除了喜欢头像这部分,其余的都很好实现。 那么下面着重说一下这个头像这部分怎么实现? 第二种方案就是本篇文章所讲的态加载了: 很简单,我们在ListView中定义一个LinerLayout线性,用来存放这些头像,先看一下吧: <? 我们可以在添加子头像的时候,就给这个子设置点击事件,就可以了,看一下代码: for (int m = 0; m < replyUrl.size(); m++) {

    43620

    (最全)

    什么是Flex flex表示弹性,为盒状模型提供最大的灵活性。 align-self: auto | flex-start | flex-end | center | baseline | stretch; 移端适配 01. <link href="css/bootstrap.min.css" rel="stylesheet"> 容器 ? > 字体图标 栅格系统: 栅格系统,在各个档位下,控制子元素不同 -- 各个档位下,按照各个档位下 -->

    CSS_浮排版

    当在排版时,abc都用了float,此时abc相当于脱离父元素浮出来了,但是d没有使用浮,就会出现d的一部分处在abc的下面(因为abc浮上去了),d就被遮住了一部分,这时候有几种处理方法: ? 因为abc三个子元素设置了浮,相当于浮起来了,不占据空间,所以撑不开,所以设置高度是一种解决这个问题的方法。 auto:自调整的意思 意思是对于超出父元素的元素,父元素自调整高度,就不会影响后面的 .outer{ overflow: auto; } (3)方法3:clear:left/right/both 谁不希望受到浮的影响谁就设置clear属性 此时d不想受到浮的影响,所以将.d设置clear属性 .d{ width

    17310

    笔记

    笔记 概念 英寸 设备的物理尺寸的单位,即屏幕对角线的长度,1英寸 = 2.54 厘米。 分辨率 屏幕分辨率/Resolution 屏幕由多少个像素组成。 视口: 手机上为了容纳为桌面浏览器设计的网站,默认视口宽度远大于屏幕宽度,为了让用户看到网站全貌,它会缩小网站。 视觉视口: 屏幕的可视区域,即物理像素尺寸。 name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 指定了视口 所以添上width=device-width的viewport meta后页面变大了(一开始页面内容小得看不清),实际上是视口变小了。

    7520

    相关产品

    • 云导播台

      云导播台

      云导播台(LVC)依托腾讯云强大的视频直播能力,在云端实现直播流的切换,多画面的混流播出。支持自定义画面布局、音视频同步切换等省去了沉重的硬件设备,可以让用户方便快捷的使用导播服务,丰富线上业务场景。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券