заполнить андроид фоновым изображением и поддерживать его как в альбомной, так и в портретной ориентации

1

Цель: - установить фоновое изображение в моем приложении, которое заполняет устройство как в портретном, так и в ландшафтном режимах

Используемый инструмент: Phonehgap с eclipse

Проблемы, с которыми сталкиваются: -

  • 1) мое изображение подобрано в соответствии с шириной устройства в портретном режиме, но случай не такой же, если высота его заполняет только 50% устройства
  • 2) при переключении в ландшафтный режим в эмуляторе Android изображение
    мигает и исчезает через 2 секунды

Коды, добавленные мной после googling: -

1) в main.xml

  <WebView android:id="@+id/appView"
            android:layout_height="fill_parent"
            android:layout_width="fill_parent"
      />

2) в activity.java

import android.util.Log;
import android.view.Display;
import android.webkit.WebSettings.RenderPriority;
import android.view.WindowManager;
import android.content.Context;

3) на индексной странице

  <meta name="viewport" content="target-densitydpi=device-dpi"  />
or 
<meta name="viewport" content="user-scalable=no, width=device-width" />
<link rel="stylesheet" href="homepage.css" type="text/css" media="only screen and (max-width: 480px)"/>

Примечание: - остальная часть кода - это простой html и css, и все, что требуется для изменения номера телефона, мы должны сделать

Фаворит, который я хочу: - в то время как рассказывающий код, пожалуйста, сообщите также, где включить это также, поскольку я новичок в затмении и телефонном разговоре

спасибо заранее

  • 0
    Теперь скажите мне, как исправить этот ландшафтный вид. изображение исчезает при переключении в альбомную ориентацию
Теги:
cordova

1 ответ

4
Лучший ответ

используйте jquery mobile и не делайте никаких изменений в использовании инструмента в качестве платформы (скажем, eclipse для android), а заполнение изображения до размера устройства - просто css

{
 background-image:url('Images/indeximage.jpg');
 background-size: 100% 100%;
 background-repeat:no-repeat;
 background-position:100% 100%;
 top: 0px;
 left: 0px;

} 

Ещё вопросы

Сообщество Overcoder
Наверх
Меню