个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
29
4
我想使用 css 样式和 UWA 按钮在左侧放置一个按钮。这将是代码:
var btn = new UWA.Controls.Input.Button({value: 'Add new',style: {'position:absolute;right:20px;'}}).inject(widget.body);
我不确定如何编写样式以将它们考虑在内。我试过:
style: {'position:absolute;right:20px;'} -> syntax error '}'
style:'position:absolute;right:20px;' -> nothing happens, doesn't appear in styles in console
style: {'position':'absolute';'right':'20px;'} -> nothing happens
根据无效的答案提出的语法:
style: {'position': 'absolute', 'right': '20px'}
这是完整的代码片段(无法使用引用资料进行 fiddle 工作):
<head>
<!-- Application Metas Start -->
<title>TEST</title>
<!-- Application Metas End -->
<!-- UWA -->
<link rel="stylesheet" type="text/css" href="http://uwa.netvibes.com/lib/c/UWA/assets/css/standalone.css" />
<script type="text/javascript" src="http://uwa.netvibes.com/lib/c/UWA/js/UWA_Standalone_Alone.js"></script>
<!-- Application JS Start -->
<script type="text/javascript">
/* global widget */
( function () {
require({
baseUrl: '../'
}, ['UWA/Core', 'UWA/Element', 'UWA/Class', 'UWA/Controls/Input'], function(Core, Element, Class, Button) {
'use strict';
UWA.debug = true;
var myWidget = {
onLoad: function() {
try {
var btn = new UWA.Controls.Input.Button({value: 'Add new',styles: {position:'absolute',right:'20px'}}).inject(widget.body);
//btn.setAttributes({color: 'red'});
}
catch (err){
alert(err);
}
}
};
if (widget.launched)
myWidget.onLoad();
else
widget.onLoad = myWidget.onLoad;
}); // -- End of require
}() ) ;
</script>
<!-- Application JS End -->
</head>
<body>
</body>
</html>
最佳答案
它可能在文档中。从我粗略地看了一下，看起来你应该通过属性来设置它，因为样式是一个属性:
var btn = new UWA.Controls.Input.Button({
value: 'Add new',
attributes: {
style: 'position:absolute;right:20px;'
}
}).inject(widget.body);
参见 https://uwa.netvibes.com/docs/Uwa/html/Input.UWA.Controls.Input.html
或者可能:
var btn = new UWA.Controls.Input.Button({
value: 'Add new',
styles: {
'position':'absolute',
'right':'20px'
}
}).inject(widget.body);
参见 https://uwa.netvibes.com/docs/Uwa/html/Element.html
编辑 - 由于以上似乎不起作用，也许创建您自己的元素而不是使用内置按钮。在此示例中，我只是重用了 Button 中的类，因此它们看起来相同:
var btn = new UWA.createElement('button', {
text: 'Add new',
styles: {
'position':'absolute',
'left':'20px'
},
class: 'dark-grey uwa-button uwa-button-root uwa-input uwa-input-root active'
}).inject(widget.body);
fiddle :https://jsfiddle.net/nmde8m75/
请参阅 createElement 文档:https://uwa.netvibes.com/docs/Uwa/html/Element.html
注意:一旦你使这个按钮绝对定位，你需要确保周围的面板有一个高度。
关于Javascript UWA 按钮样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38852750/
29
4
0
我想使用 css 样式和 UWA 按钮在左侧放置一个按钮。这将是代码: var btn = new UWA.Controls.Input.Button({value: 'Add new',style:
我正在制作一个通用 Windows 应用程序，我希望任务栏上的应用程序图标具有透明背景，这样它就不会在彩色框中。 很多微软自己的库存应用程序都是这样的(邮件、照片、Xbox 等)，我知道它可以做到，因
private async void CharacteristicReadButton_Click() { // BT_Code: Read the actual value from the
在以下代码中，Scrollbar 控件不显示，但 Slider 控件显示。如果我只是通过将 Scrollbar 更改为 Slider 来将 Scrollbar 控件更改为 Slider 控件，它会完美
我有一个通用 Windows 应用程序，我在其中实时收集 Microsoft Band 传感器数据。现在我想将这些传感器数据流式传输到 WPF 应用程序。我最初认为 AppServiceConnect
我正在尝试在两个 Windows 10 设备之间建立通信: Raspberry PI 2 B + 蓝牙适配器 Surface pro 树莓派服务器: private readonly Guid _rf
我正在创建一个从 Windows 10 powershell 启动应用程序的脚本。 有没有办法从 powershell 启动已安装的 (*.appx) 应用程序？该应用程序可以从主菜单正常启动。 我尝
我知道 XAML 用于结合 Blend 设计 UI。我对很多术语感到困惑，例如 XAML 如何在 WPF、商店应用、电话应用或 UWA 中发挥作用。此外，WPF、Store App、Phone App
我在尝试使用昨天(2016 年 6 月 28 日)更新的 MS Visual Studio Professional 2015 版本 14.0 创建“编码 UI 测试项目(通用 Windows)”项目
我是一名优秀的程序员,十分优秀！