如何在 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 组件？的主要内容，如果未能解决你的问题，请参考以下文章
Cordova：如何将现有的自定义插件 2.3 添加到项目 3.0 中
如何添加 Android 意图以在 Cordova/Ionic 项目中打开谷歌地图？