如何在 cordova 项目中添加基本的 UI 组件？

Posted

技术标签:

【中文标题】如何在 cordova 项目中添加基本的 UI 组件？【英文标题】：How to add basic UI components in cordova project? 【发布时间】：2017-03-30 10:53:44 【问题描述】：

我是科尔多瓦学习项目的初学者。使用 CSS 文件，我可以更改图像、高度、宽度、边距和填充。现在，为了显示标签、按钮和单选按钮，listview 如何添加这样的 UI 组件以及在 index.html 或 css 中添加的位置以及处理按钮的单击事件。让我知道，示例项目或示例如何添加到其中？任何帮助和指导将不胜感激。 提前致谢。

注意：使用 eclipse 创建示例应用程序。

【问题讨论】：

您将在 HTML/CSS/JS 中实现 UI，所以问题实际上是“我可以使用什么 HTML/CSS 框架”。 Bootstrap 就是一个例子，但还有很多其他例子。您将 UI 元素放在 HTML 中，然后在 javascript 中与它们交互 【参考方案1】：

您可以在 body 标记中添加任何 HTML 组件。

<body>
//your code for various elements goes here.
</body>

但是，如果您想实时添加这些组件，请使用 innerHTML 属性 (javascript) 并为该组件分配一个 事件侦听器。

HTML- 

<label id="alpha1" onclick="fx()">Placeholder</label>

JS- 

document.getElementById('alpha1').innerHTML="Content"
  function fx ()
    alert('Label Clicked');

【讨论】：

以上是关于如何在 cordova 项目中添加基本的 UI 组件？的主要内容，如果未能解决你的问题，请参考以下文章