代号一:如何缩放图像以适应屏幕宽度?

Posted

技术标签:

【中文标题】代号一:如何缩放图像以适应屏幕宽度?【英文标题】:Codename One: How can I scale an image to fit width of screen? 【发布时间】:2014-03-15 01:43:35 【问题描述】:

晚上好,

我正在使用带有 UI-Framework Codename One 的 Eclipse。

我想知道如何缩放图像以适应屏幕的宽度? 我想创建一个包含一个图像的列表(如果可能的话,甚至是一个图像滑块),它具有手机的整个宽度,并在其下有一些文本。

另一个问题是,如何通过代码中的 Hastable 和 Vector 设置图像?我尝试了所有方法,但找不到解决方案。

非常感谢,

问候帕特里克

【问题讨论】:

【参考方案1】:

这取决于你想要做什么。

通常您只需将图像设置为组件的背景图像,然后将背景行为选择为 SCALE_TO_FIT,这可以通过主题设计器和组件的 Style 对象来完成。

如果您想拥有可查看/可缩放的图像,也可以使用 ImageViewer 类。

您也可以使用scaled() 方法或ImageIO 将图像缩放到您想要的大小。

【讨论】:

感谢您难以置信的快速回答!我是代号一的新手,我在理解如何在这里开始编码时遇到了一些问题。我现在是 2 年的 android 开发人员。那里有任何示例代码吗?也许一个有设计师,一个没有?我已经看过所有的我该怎么办?视频,它们内容丰富,不难理解,但我不知道如何继续。 我在标签和列表上都找不到背景行为属性。 使用 getUnselectedStyle()/getSelectedStyle() 它们在 Codename One 中的每个组件都存在。 我不知道为什么我会有这样的库存,但是我在 Designer Selected/UnselectedStyle 中找不到任何东西,而且我没有从文档中得到从哪里开始做代码。我试图通过代码创建选项卡,它似乎也有问题。我不知道我做错了什么.. 您可以选择“事件”选项卡并单击“显示前”来编写代码。您可以通过设置 UIID 属性并添加主题条目,在主题部分直观地自定义这些内容:codenameone.com/how-do-i---create-a-simple-theme.html

以上是关于代号一:如何缩放图像以适应屏幕宽度?的主要内容,如果未能解决你的问题,请参考以下文章

CSS背景图像以适应宽度,高度应按比例自动缩放

CSS背景图像以适应宽度,高度应按比例自动缩放

iPhone 上 Swift 中的图像缩放问题

使用 AutoLayout 缩放 UIImageView 以适应宽度

如何设置图像的 CSS 样式以适应引导宽度

如何使用 Autolayout 缩放 Xcode 6 上的按钮以适应不同的屏幕尺寸?