Как добавить обои / изображение на фоновой странице в Google Appmaker? - PullRequest
Новая
       14

Как добавить обои / изображение на фоновой странице в Google Appmaker?

0 голосов
/ 15 мая 2019

Мне нужно добавить определенные обои на фоновой странице моего приложения, чтобы приложение выглядело более красочно и красиво. Есть ли способ?

Проблема в том, что, как только вы добавляете изображение на страницу, оно не позволяет вам разместить над ним другой виджет или закрыть его. Он всегда выравнивает его по горизонтали или вертикали.

Ответы [ 2 ]

0 голосов
/ 15 мая 2019

Это в значительной степени основной CSS.Я бы порекомендовал вам посмотреть на , чтобы узнать больше.Итак, в appmaker, если вы хотите применить фоновое изображение к странице, сделайте следующее:

CSS

1.) Сначала выберите корневой виджет интересующей вас страницы.enter image description here

2.) Теперь, когда вы выбрали страницу, давайте перейдем к редактору стилей.Оказавшись там, в разделе Page Style просто введите «.» (Точка, точка) и дождитесь появления предложений.Первое предложение - то, что вам нужно, поэтому просто нажмите клавишу ввода или выберите его курсором.

enter image description here

3.) Теперь, когда вы выбрали элементс помощью селектора CSS вы можете применить стилизацию.Для фона вам нужно сделать следующее: 

.app-myTestingPage-myPage {
  background: url("url-to-picture");
}

enter image description here

В приведенном выше примере url-to-picture представляет URL-адрес дляизображение, желательно, если оно подается через https .


URL

Я знаю два способа, которыми вы можете получить фонURL изображения.Первый - использовать любой URL-адрес изображения, который вы найдете в Интернете, или URL-адрес, размещенный на вашем собственном сервере или cdn.Второй способ - загрузить изображение на ресурсы appmaker и использовать этот URL.Если вы выберете последний вариант, выполните следующие действия:

1.) Перейдите в настройки приложения.

2.) Нажмите Ресурсы

3.) Перетащите файл изображения в соответствующую область или нажмите кнопку, чтобы просмотреть

enter image description here

После завершения загрузки ресурса можно щелкнуть значок копированияскопировать URL на ресурс, и вы можете использовать его на своей странице css в качестве фонового URL.

enter image description here

0 голосов
/ 15 мая 2019

Вы должны быть в состоянии сделать это, используя CSS в вашем редакторе стилей.Либо в вашем «стиле страницы», либо в «глобальном стиле», в зависимости от того, хотите ли вы, чтобы фоновое изображение было на определенной странице, или было доступно во всем приложении.Вы захотите объявить пользовательский класс или сослаться на конкретные элементы, в которых вы хотите отобразить фоновое изображение.

Для определенного элемента: 

.app-YourPage1-YourPanel, .app-YourPage2-YourPanel {
  background-image: url(YourImageURL);
}

Для глобального стиля создайтеclass и для каждого элемента, к которому вы хотите применить фоновое изображение, вы должны добавить этот класс в раздел «Стили» этого элемента (виджета): 

.YourPanelClass {
  background-image: url(YourImageURL);
}

В любом случае я настоятельно рекомендую вам выполнить поиск по «html».фоновое изображение », чтобы вы могли прочитать о дополнительных опциях, таких как повторение изображения, чтобы заполнить пространство и т. д.

...