问题标签 [adobe-xd]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
user-interface - 我在 adobe xd 上的 iPhone UIkit 的图标被问号替换了吗?
我正在自己wireframe
开发adobe xd
软件并下载UIkit
了iPhone X
. 但是,我注意到某些图标(例如后退箭头按钮或底部导航栏图标等其他图标)已全部替换为问号图标。
有人告诉我,当我下载 时UIkit
,图标应该在那里而不是问号图标。如果您知道解决此问题的任何方法,请告诉我。
javascript - Adobe XD 嵌入式应用程序原型导致页面在加载后“跳转”到页面中间
我将 Squarespace 用于我的投资组合网站。他们有一个“块”,允许我使用嵌入的 Adobe XD 代码(如下)来显示我的应用程序原型。原型工作正常,但是当页面加载时,它会自动从页面的一半向下移动到原型。链接到页面
我希望我的页面在完全加载时保持在顶部,而不是从页面中间跳到原型。我尝试了无数的解决方案,例如使用沙盒、延迟加载和滚动视图加载。我尝试过使用“data src=""" 以及其他选项。
不幸的是,这些解决方案都没有奏效。唯一没有跳到原型的时候是它根本没有加载(这发生在延迟加载,滚动加载)。我怎样才能解决这个问题?我也可以使用 HTML、CSS 和 JavaScript。
我最好的猜测是延迟加载原型,直到它出现。唯一的其他选择是将原型放在页面顶部,这不是我想要的(它会打乱项目的流程)。
任何帮助是极大的赞赏!
android - 无法将 adobe XD 中的资产导入 android studio
我使用 adobe XD 制作了一个 UI 布局,并希望将其导出以在 android studio 中使用。我通过使用 Export-kit 插件实现了这一点,该插件方便地将一页所需的所有资产导出到一个文件夹中。
readme.txt然后指示我将所有这些资产复制到android studio 的 noactivity 项目文件夹的文件夹中。
这样做之后,我仍然没有得到任何回应。
因此,我尝试使用基本活动并手动添加所有必需的XML代码(活动主、颜色、样式等),但仍然看不到任何内容。
我知道从 xd 导出的皮肤在项目文件夹中
但我似乎无法在 android studio 上查看它们。
对此问题的任何帮助将不胜感激。
adobe - 如何在 adobe xd 中打开链接?
我有一个带有完整设计页面的 xd adobe 链接。我想在 adobe xd windows 桌面应用程序中打开这些设计页面,但我不能。如何在 adobe xd windows 桌面应用程序中打开此链接?
html - 如何在我的 Angular JS 网站中使用在 Adobe XD 中创建的设计?
我在 Adobe XD 中创建了一个设计原型。我想在我用 Angular JS 创建的 Web 应用程序中使用这个原型设计
如何在我的 Angular JS 网站中使用在 Adobe XD 中创建的设计?
我搜索了网络,我能够找到一个 XD 插件来导出到 HTML 和 JSS 文件。
请告诉我。
javascript - 如何在 Adobe XD 中为 strokeDashOffset 设置动画?
在 Adobe XD 中,我有一条虚线路径(或线条)需要制作动画。在其他软件中,我总是通过为路径的虚线偏移(它的“相位”)设置动画来做到这一点。在 Adobe XD 中,此属性存在但不会通过用户界面公开。
我在插件 API 中进行了一些挖掘,发现Line和Path派生自GraphicNode,并且它们都具有strokeDashOffset属性。
我制作了一个快速插件,可以打印和设置这些值,使用以下内容:
这工作得很好,并且路径肯定会改变它的阶段。但是,如果我将同一条线放在具有不同相位的两个不同画板上,然后使用自动动画将它们连接在一起,则该属性将被忽略。我假设在幕后,这个属性没有被插值。
有谁知道让这个属性动画的方法和/或 Adobe XD 中路径偏移动画的替代解决方案?据我所知,动画 SVG 或GIF目前是不可能的。
谢谢。
更新 1:
我在组件内部尝试了手动逐帧方法,其中每个状态本质上是具有不同破折号阶段的帧。这个想法是让组件成为一个包含的时间线,以便动画可以在不同的画板上重复使用。但是,组件不支持Time
触发器,这意味着它只能通过交互(单击、拖动等)进行转发。这种方法行不通。
更新 2:
由于画板确实可以访问Time
触发器,因此我可以根据需要多次复制画板,并相应地设置每个包含路径的破折号阶段。这可行,但非常痛苦,因为它可能需要大量重复的画板,我想避免这种情况。在密集画板之间快速制作动画也会降低性能。
我制作了一个快速的 GUI 插件来简化此操作并将其上传到 GitHub。如果找到更好的解决方案,我会保留这个问题。
javascript - 如何在 Adobe XD 插件中使用 ES6 模块?
我想知道是否可以在我的 XD 插件中使用 ES6 导入。
例如,每当我使用import Vue from 'vue'
时,构建任务都会成功完成,但是,XD 在加载插件时会在开发人员控制台中引发错误:
我从这里的 Hello Vue 对话框示例开始,并将其转换为面板 - 但对话框示例出现相同的错误。package.json 和 webpack.config.js 在这个过程中没有改变,所以libraryTarget
剩下的commonjs2
. 我需要额外的插件来解析 ES6 模块导入吗?
在此处的另一个线程中,没有直接提到 ES6 导入和导出受 Adobe XD 支持:您可以在 Adobe XD 插件中使用 ES2015+ 功能 (ES6) 吗?
由于我有一个使用 ES6 导入和导出的流行代码库,我想将它放入插件中并在插件中使用它,而不用import
需要的语句替换每个require
语句。
如果需要,我可以提供一个最小的示例。
谢谢你的帮助。
最好的,丹尼尔