主页 > 云储存 > > 正文

企业邮箱_tas中间件_返现

来源:胜利云 发布时间:2022-05-20 19:30 标签:企业邮箱中间件返现
浏览:

企业邮箱_tas中间件_返现

我最近收到一个请求,要求在我的designstudio仪表板中加入一个仪表组件。上级已经看到Xcelsius仪表盘使用仪表,并且希望在我正在构建的仪表盘中具有相同的功能。众所周知,在designstudio中,仪表组件不是现成的,在SCN上搜索只会发现其他人对同一组件的请求。因此,由于我对HTML的知识有限,而且对JavaScript的使用经验绝对为零,我决定卷起袖子自己构建一个。以下是这个过程的简要记录。这并不是一个简单的循序渐进的教程,而是为了演示创建组件背后的思想过程,并为那些希望创建类似组件的人提供指导。

我从DS 1.3 SDK示例包中提供的时钟组件的副本开始,并按照designstudiosdk开发人员指南第3.2节中的步骤重命名扩展的适当组件组件.js文件。我用渐变填充重新着色外部边界,并用反向渐变填充添加内部边界,以使外部环具有三维外观。为了获得正确的尺寸,我将单位变量增加到145(从100)并通过更改其各自的开始/结束变量向外移动刻度线。

我希望刻度线的数量是动态的,因此我在贡献.xml用于创建主刻度线和次刻度线的数量。使用这些变量,我更改了绘制小时和分钟刻度线的for循环,以创建指定数量的刻度线,这些刻度线在仪表面上2/3处等距分布。

然后,我通过编辑"绘制二手"部分来更改仪表指针的外观组件.js文件。为了设置指针指向的位置,我将变量"seconds"替换为用户可以在properties窗格(在贡献.xml)或使用setValue方法(在贡献.ztl). 我创造了三个三角形一起组成针。当指针穿过光线似乎来自的方向(左上角)时,指针的阴影会发生变化。我还通过添加一些透明度和线性渐变来修饰"boss"。

为了模拟仪表组件中的Xcelsius颜色范围,我创建了红色、橙色、黄色和绿色记号上方的圆弧。这些范围的位置应该由用户输入,所以我在贡献.xml对于红色、橙色和黄色区域的末端(每个区域从前一个区域的末端开始-红色始终从最小值开始,绿色始终从最大值结束)。我还创建了一个设置,允许用户在整个范围内选择连续的颜色分布,而不是离散的部分。

我希望选项在表盘上有数字,所以我再次创建了一个显示数字的用户选项。当勾号在"for"循环内旋转画布,将数字文本放置在正确的位置,并在下一个循环迭代之前将画布旋转回来时,就会创建数字。正确放置数字是相当困难的,主要是因为此时我已经失去了画布旋转方向的轨道,以及如何将标签放置在相对于量规中心的正确位置。我为刻度盘的最小值和最大值创建了用户输入,并允许仪表值按用户选择的主要刻度线的数量缩放(根据循环计数器、步长和最小值计算)。这种方法的一个副作用是:由于标签是整数,如果用户选择一些不均匀划分范围的刻度线,我们会得到一些有趣的结果,如下所示。

指针的位置是根据相对的值(用户在属性窗格中输入或使用setValue方法输入)来计算的最大-最小范围(如上所示,如果值为50,则指针指向50,而不考虑最小值和最大值)。最后,我在仪表的底部创建了一个标签来显示仪表当前指向的值,以及用户可定义的值单位(如"%"或"$")。这个标签也可以开关。

我决定在表盘上加一点"反射"来模拟它被玻璃覆盖。然后,最后但并非最不重要的是,我让用户选择一个"主题":默认的"银色"或光滑的"黑色"

所以结束了我使用DesignStudio SDK的第一次冒险,创建了我的第一个自定义组件,以及我对SCN的第一次贡献。欢迎您在下面的评论部分提出问题、意见和建议。

-尼克·斯坦

您是勤劳的灵魂!干得好!。

这太棒了。我喜欢你在截图中展示的进度。最终产品看起来真的很光滑!有没有计划在Github或.ZIP上共享源代码?

嗨,开心返利,迈克尔,

我正在等待我的母公司的许可来发布源代码。我一拿到许可证就把它贴在我的帖子上。

谢谢!

尼古拉斯:

这是一个很好的作品。有没有其他组件需要类似的创作?

诚恳,

Dave

嗨Dave,

任何组件,如果不是在Design Studio中开箱即用,SDK示例之一,淘客app,或者在SCN上从其他贡献者那里获得,都需要类似的处理。立即想到的一些是刻度盘组件和组合图(例如,在同一绘图中显示一个数据集的柱状图与另一个数据集的折线图的图表)。当然,一个人能制造的组件的数量实际上只受到设计师(和客户)想象力的限制。

-尼克

嗨尼古拉斯

谢谢你的这篇文章。

把这个钟换成一个表肯定是一项非常耗时的任务,至少对我来说是这样。我花了好几个小时决定放弃,因为需要付出努力。

你愿意分享你的.js源代码吗?如果是,请提前感谢!我将为它添加动画并分享。

致以最诚挚的问候

嗨,斯蒂芬,

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 对象存储_网站集约化建设_哪家好
    对象存储_网站集约化建设_哪家好

    对象存储_网站集约化建设_哪家好

    当戴夫·麦克卢尔首次提出海盗指标的概念时,它震撼了创业界的核心。尽管你现在可能知道他是500家初创企业的幕后推手,但在贝宝(PayPal)上市前担任...

  • 数据库_数据库事务原理_安全稳定
    <strong>数据库_数据库事务原理_安全稳定</strong>

    数据库_数据库事务原理_安全稳定

    为CloudFlare客户提供对源站的免费和高性能加密2014年秋季,CloudFlare推出了Universal SSL,并将通过HTTPS访问的网站数量增加了一倍。在短短几天内,我们颁发了...

  • 百度云_企业邮箱怎么设置签名_排行榜
    百度云_企业邮箱怎么设置签名_排行榜

    百度云_企业邮箱怎么设置签名_排行榜

    在快节奏的销售世界里,时间是无价的。这正是为什么你需要停止切换标签,使用新的Pipedrive Chrome扩展直接从Gmail使用Pipedrive的强大功能。如果你是一个狂...

  • 游戏服务器_节点服务器_优惠
    <strong>游戏服务器_节点服务器_优惠</strong>

    游戏服务器_节点服务器_优惠

    nomad0.11为任务引入了生命周期部分,可以用来表示任务依赖关系。这可以用来表示任务组中任务之间的任务依赖关系,甚至可以利用consur来表示任务间的任...

  • 企业邮箱_华为云techwave_企业级
    <strong>企业邮箱_华为云techwave_企业级</strong>

    企业邮箱_华为云techwave_企业级

    遵守一套不断发展的数据隐私法规的需求可能看起来很繁重,或者会导致公司停滞不前,不知道下一步该采取什么措施。如果不了解这些法规对日常运营的...

云储存

更多 >
  • <strong>企业网站_超快io云主机_企业0元试用</strong>
    企业网站_超快io云主机_企业0元试用

    大家好, 刚才我们看到一个文件管理系统的介绍。如果有人想看以前的博客,请看下面的链接。 DMS简介 我想分享这个博客如何在DMS中创建目录和文档类型...

  • <strong>网站服务器_搭建云服务器_怎么买</strong>
    网站服务器_搭建云服务器_怎么买

    SAP SRM用户界面附加模块1.0的门户内容作为标准SRM业务包(BP)的一部分提供,SSPUX附加模块1.0没有单独的BP。 已经使用SRM BP软件组件的客户,需要按以下说...

云储存阿里云_阿里云代码托管平台_0元
云储存负载均衡_网站正在建设中亚洲_0元
云储存数据库_开服务器_年度促销
云储存对象存储_数据库分库_最新活动
云储存天翼云_新铁血战士百度云_学生机