如何在google appmaker的后台页面添加一个wallpaper/image?
How to add a wallpaper/image in the background page in google appmaker?
我需要在我的应用程序的背景页面中添加特定的墙纸,以使该应用程序看起来更加丰富多彩和美观。有什么办法吗?
问题是,一旦您将图像添加到页面,就不允许您在其上放置或覆盖另一个小部件。它始终水平或垂直对齐。
您应该可以在样式编辑器中使用 CSS 来完成此操作。在您的 'Page style' 或 'Global style' 中,具体取决于您是只希望将背景图像用于特定页面还是在整个应用程序中可用。您需要声明自定义 class 或引用要在其中呈现背景图像的特定元素。
对于特定元素:
.app-YourPage1-YourPanel, .app-YourPage2-YourPanel {
background-image: url(YourImageURL);
}
对于全局样式,创建一个 class 并为每个要应用背景图像的元素添加 class 到该元素(小部件)的 'Styles' 部分:
.YourPanelClass {
background-image: url(YourImageURL);
}
无论哪种方式,我都强烈建议您在 'html background image' 上进行搜索,以便您可以阅读其他选项,例如重复图像以填充 space 等。
这非常基本 css。我建议您查看 over this 以了解更多信息。因此,在 appmaker 中,如果您想将背景图像应用到页面,请执行以下操作:
CSS
1.) 首先,select 您感兴趣的页面的根小部件。
2.) 现在,您已经编辑了页面 select,让我们转到样式编辑器。在那里,在 Page Style 部分只需键入“.”(句点,点)并等待建议出现。第一个建议是你需要的,所以只需按回车键或用光标 select 它。
3.) 现在您已经使用 css select 或者 select 编辑了元素,您可以应用样式了。对于背景,你需要这样做:
.app-myTestingPage-myPage {
background: url("url-to-picture");
}
在上面的示例中,url-to-picture
表示 url 到图像,最好是通过 https.
URL
我知道两种获取背景图片的方法url。第一个是使用您在 Internet 上找到的任何图像 url 或在您自己的服务器或 cdn 中托管的 url。第二种方式是将图片上传到appmaker资源并使用url。如果您选择后者,那么请执行以下操作:
1.) 转到应用程序设置。
2.) 单击 资源
3.) 将图片文件拖放到相关区域或点击按钮浏览
资源上传完成后,您可以单击复制图标将url复制到资源中,您可以在页面css中将其用作背景url。
我需要在我的应用程序的背景页面中添加特定的墙纸,以使该应用程序看起来更加丰富多彩和美观。有什么办法吗?
问题是,一旦您将图像添加到页面,就不允许您在其上放置或覆盖另一个小部件。它始终水平或垂直对齐。
您应该可以在样式编辑器中使用 CSS 来完成此操作。在您的 'Page style' 或 'Global style' 中,具体取决于您是只希望将背景图像用于特定页面还是在整个应用程序中可用。您需要声明自定义 class 或引用要在其中呈现背景图像的特定元素。
对于特定元素:
.app-YourPage1-YourPanel, .app-YourPage2-YourPanel {
background-image: url(YourImageURL);
}
对于全局样式,创建一个 class 并为每个要应用背景图像的元素添加 class 到该元素(小部件)的 'Styles' 部分:
.YourPanelClass {
background-image: url(YourImageURL);
}
无论哪种方式,我都强烈建议您在 'html background image' 上进行搜索,以便您可以阅读其他选项,例如重复图像以填充 space 等。
这非常基本 css。我建议您查看 over this 以了解更多信息。因此,在 appmaker 中,如果您想将背景图像应用到页面,请执行以下操作:
CSS
1.) 首先,select 您感兴趣的页面的根小部件。
2.) 现在,您已经编辑了页面 select,让我们转到样式编辑器。在那里,在 Page Style 部分只需键入“.”(句点,点)并等待建议出现。第一个建议是你需要的,所以只需按回车键或用光标 select 它。
3.) 现在您已经使用 css select 或者 select 编辑了元素,您可以应用样式了。对于背景,你需要这样做:
.app-myTestingPage-myPage {
background: url("url-to-picture");
}
在上面的示例中,url-to-picture
表示 url 到图像,最好是通过 https.
URL
我知道两种获取背景图片的方法url。第一个是使用您在 Internet 上找到的任何图像 url 或在您自己的服务器或 cdn 中托管的 url。第二种方式是将图片上传到appmaker资源并使用url。如果您选择后者,那么请执行以下操作:
1.) 转到应用程序设置。
2.) 单击 资源
3.) 将图片文件拖放到相关区域或点击按钮浏览
资源上传完成后,您可以单击复制图标将url复制到资源中,您可以在页面css中将其用作背景url。