我可以告诉您如何使用 Tizen Native (WYSIWYG) 做到这一点。如果您正在寻找基于代码的答案,请忽略这一点。但是,对于那些试图在 Tizen Studio 中学习和导航的人来说,这非常有帮助!
启动 Tizen Studio
文件/新建 Tizen 项目
模板/下一个
移动/下一个
本机应用程序/下一步
UI Builder 单一视图(左下)/下一个
在项目浏览器(左上角)中打开 Layout / Layout.xml 的树(双击打开 Layout)。
选择设计选项卡(中心)
在 Palette 中,UI Container(就在中心右侧)
将“网格”从调色板拖到屏幕上
在属性选项卡中(最右边或打开:窗口/显示视图/其他/选择属性确定)
将列数更改为 720,将行数更改为 1280
将“网格”从调色板拖到屏幕上
现在您应该会看到更多 (22) 个 UI 组件
将“背景”从调色板拖到屏幕上
如果它没有自动调整大小(Hello BUG),请执行以下操作。拖动到比您的屏幕尺寸大一点(假设为高清,请查看此内容,我认为这是 Tizen 商店要求的)。
背景突出显示,再次转到属性选项卡,底部变化属性:
Left 0, Top 0, Width 720, Height 1280。前几次它会给你带来麻烦,直到你发现 BG 调整大小的窗口不能高于 BLUE TOP 并且窗口应该在底部更大,直到您手动输入正确的尺寸,如上所示。
现在转到或打开您的资源选项卡(只需从 Windows 资源管理器拖放文件)并找到您已在 Adobe PS 中正确调整大小并使用“保存为 WEB”来减小 jpg 文件大小的背景图像。
拖到屏幕上的背景“图层”上。
对于按钮,您可以:
将 UI 组件中的“BUTTON”拖到背景上,或者更好地将 UI 组件中的“图像”拖到背景上...
然后将“资源管理器”选项卡中的图像(来自 Adobe PS 的预制按钮)拖放到空白图像占位符上。您必须在“属性”选项卡中手动调整其大小以获得正确的比例。
重复更多图像和按钮和文本,因为内置文本“标签”至少可以说是可怕的。您始终可以让其中任何一个执行按钮操作。
这就是我所了解的,现在我需要学习如何对所述按钮和动作进行编程。
哇!这将为您节省数周!
真希望我能找到这样的一步一步!
现在在哪里发布?
IO
附注如果你觉得这很有用。勾选小黑色向上箭头以对此进行投票。纯粹是为了帮助别人,“点赞”没有奖励。