问题标签 [dynamic-ui]

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.

0 投票
1 回答
474 浏览

javascript - 动态 Web UI 开发的正确方法是什么:基于模板

我要求用户可以为他的页面选择不同的模板,例如对于用户个人资料页面,我们的网络应用程序应该提供多种类型的模板来显示个人资料,用户可以选择任何一个模板。将来我们可能会通过为用户提供更多模板自由来增强相同的功能,他可以按照自己的方式自定义模板,

自定义模板的示例是:他可以将他的个人资料图片从左侧移动到右侧,他可以更改背景颜色等。

这种 UI 的最佳方法是什么?我是否需要保留整个页面的元数据,然后在客户端创建它?我是否需要在服务器端创建整个 html 并在客户端加载它?

有没有 JADE/Node.js 框架用于这种 UI 开发?我对这种发展完全陌生,所以建议我正确的方法。

0 投票
4 回答
1133 浏览

android - 为android中的每次点击更改动态textview中的颜色

我在android中动态创建了一个textview。当我单击文本视图时,颜色从白色变为橙色,但我想要的是当我单击另一个文本视图时,另一个已更改为橙色的文本视图将变回白色。这是创建文本视图的代码:

OnClickListener

0 投票
1 回答
2981 浏览

angular - Angular 4动态组件加载和发送数据到父组件

我正在使用自定义组件为动态表单生成创建 poc。

我在某种程度上取得了成功,我可以根据 json 数组使用一组动态组件创建表单。现在我陷入了一种情况,我只需要从这些组件中获取输出,或者更确切地说是用户已经更新相关输入的数据。

我查看了@output 装饰器和 eventEmitter,但我无法从中得到合适的解决方案。非常感谢社区中的任何人可以给我一些提示:)

请关注PLUNKER查看当前进度和我的方法。

0 投票
1 回答
34 浏览

java - 布局不膨胀

下面的代码用于创建笔记列表。我想获取笔记的标题并添加到动态布局中。但布局没有膨胀。

这将读取存储标题的文件...

这会将标题写入文件。

单击添加按钮时,将出现一个自定义输入对话框,以获取注释的标题。

此外,在整个过程中没有错误。
它只是没有显示新的列表布局

0 投票
2 回答
154 浏览

java - 以编程方式将 ImageView 添加到布局

我正在尝试使用循环在我的 UI 上添加一堆 ImageView,问题是我不知道是否正在添加 ImageView,因为当我运行应用程序时它只会给我一个空白的白色屏幕。

欢迎任何建议。

编辑

我添加了另一段代码只是为了测试是否会在不使用循环的情况下添加小部件:

我仍然得到相同的结果,只是空白。

0 投票
0 回答
398 浏览

android - 使用 Litho 来自 JSON 模板的动态 UI

我正在使用 Android 中的服务器驱动 UI 处理动态屏幕。参考这篇关于使用 Litho 和 JSON 构建 UI的帖子。如何在 Litho 中使用 JSON 模板来呈现 UI 元素。如果有人研究过它,请发布一个例子。

我的 JSON 模板看起来像这样

我想创建列数组中给出的三个文本视图,并使用“键”映射数据,并在我的 recyclerview 中生成数据数组中给出的数据列表。

谢谢

0 投票
1 回答
109 浏览

angular - UI 中的角度变化检测 - 如何成功?

我有 2 个没有任何父子关系的组件。

一个组件是一个简单的login.component.html

另一个是menu-bar.component.html

当用户成功登录时,我想显示我的 menu-app.component。我所做的是我定义了一个布尔变量,当用户登录时将其设置为真。

login.component.ts中:

menu-bar.component.ts

正如你所理解的,这两个组件都在调用一个定义为login.service.ts的服务:

我错过了什么?有没有其他方法可以动态地进行这种变化检测?谢谢!预期的行为是<menu-app></menu-app>仅在用户登录时才显示。如果用户没有登录,他不应该看到该组件。即使使用成功登录,我实现的方式也不会显示组件。

0 投票
1 回答
277 浏览

r - 带有清晰复选框按钮的闪亮动态 UI

我们如何在具有动态 UI 的应用程序中添加“清除”按钮以将复选框值重置为 NULL?

示例数据:

我创建一个选项卡Group和一个Name值复选框:

但是,在检查时,该Clear框不会触发任何内容。

0 投票
1 回答
122 浏览

javascript - 从用户上传的模板动态创建 UI 组件

TL;DR:需要从用户提供的自定义模板动态创建 UI 页面。这些模板应该包含足够的信息,以便可以为所有用户案例动态创建前端和后端。

将 TLDR 保持在首位。另外,我不确定以前是否在这里问过这个问题,如果这是一个重复的问题,很抱歉。

一点背景知识,我正在尝试创建一个基于 Angular 7 的 Web 应用程序,它将作为用户配置网络设备(路由器、交换机等)的单一界面。为了涵盖尽可能多的不同设备和供应商,我不能将我的 UI 页面设为静态。他们应该有能力根据用户的要求和规格进行更改。

为了实现这样的目的,常见的逻辑是我们应该让用户为他们的数据和数据属性创建自定义模板,然后让他们将其上传到门户,以便可以从那里动态呈现 UI。

例如,对于一些复杂的配置,用户 A 可能需要一个具有 2 个输入参数(设备名称和 IP 地址)的表单,而同一组织中的用户 B 可能需要一个具有 N 个输入参数、M 个下拉列表等的表单。

所以最后来到这个问题,如果您的页面不能是静态的并且必须根据用户的要求进行更改,那么生成 UI 页面的最佳方法是什么?如果我们使用用户上传的模板,这些模板应该包含哪些信息?

我现在正在使用 Angular 7 来构建我的应用程序,但在这方面我很灵活。在这里进行想法和头脑风暴。

0 投票
2 回答
280 浏览

java - 如何在 Android 中设计动态 UI 元素

我有一个关于如何在 Android(使用 Java)中设计动态 UI 元素的一般性问题。

我想在我的应用程序中有一个温度计,它会根据一些外部信息增加或减少一个红色条(如下所示)。 在此处输入图像描述. 我如何在 Android 中设计这样的东西?

例如,我可以将没有红色条的温度计设计为带有一些绘图程序的 jpeg,然后以某种方式将 Android 中的红色条实现为可以通过编程方式更改的对象,而温度计的“边缘”不会改变。我看到这种方法的问题是,对于不同的屏幕尺寸和分辨率,我认为很难将温度计的边缘与红条相匹配。你对我如何做这样的事情有其他建议吗?可能有一个图书馆吗?

我会很感激每一条评论,因为我通常没有设计这种动态 UI 对象的经验。