Pełnoekranowy obraz tła w działaniu

Widzę wiele aplikacji, które używają pełnoekranowego obrazu jako tła. To jest przykład:

Chcę to wykorzystać w projekcie, najlepszym sposobem, jaki do tej pory znalazłem, jest użycie obrazu o dużym rozmiarze, umieszczenie go w a ImageViewi użycie android: adjustViewBounds="true"do dostosowania marginesów

Problem polega na tym, że jeśli ekran o bardzo wysokiej rozdzielczości, obraz jest za mały.

Inną opcją myślałem jest skorzystanie z obrazu w sposób FrameLayout, z match_parentw widthi heightjako tło ... to rozciąga obraz, ale myślę, że wynik nie jest bardzo dobra.

Jak byś to zrobił?

Możesz to zrobić na kilka sposobów.

Opcja 1:

Twórz różne doskonałe obrazy dla różnych dpi i umieszczaj je w odpowiednim folderze do rysowania. Następnie ustaw

android:background="@drawable/your_image"

Opcja 2:

Dodaj jeden duży obraz. Użyj FrameLayout. Jako pierwsze dziecko dodaj plik ImageView. Ustaw następujące elementy w swoim ImageView.

android:src="@drawable/your_image"
android:scaleType = "centerCrop"

Inną opcją jest dodanie pojedynczego obrazu (niekoniecznie dużego) do drawables (nazwijmy go backgroung.jpg), utworzenie ImageView iv_background w katalogu głównym twojego xml bez atrybutu „src”. Następnie w metodzie onCreate odpowiedniego działania:

    /* create a full screen window */
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);
    setContentView(R.layout.your_activity);

    /* adapt the image to the size of the display */
    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    Bitmap bmp = Bitmap.createScaledBitmap(BitmapFactory.decodeResource(
      getResources(),R.drawable.background),size.x,size.y,true);

    /* fill the background ImageView with the resized image */
    ImageView iv_background = (ImageView) findViewById(R.id.iv_background);
    iv_background.setImageBitmap(bmp);

Bez przycinania, bez wielu obrazów o różnych rozmiarach. Mam nadzieję, że to pomoże!

Powinieneś umieścić obrazy o różnych rozmiarach w następującym folderze

Aby uzyskać więcej informacji, odwiedź ten link

• ldpi

• mdpi

• hdpi

• xhdpi

• xxhdpi

i użyj tła RelativeLayout lub LinearLayout zamiast używania ImageView jako poniższego przykładu

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical"
 android:background="@drawable/your_image">

</RelativeLayout>

Co powiesz na

android:background="@drawable/your_image"

na głównym planie Twojej działalności?

W ten sposób możesz mieć różne obrazy dla różnych gęstości ekranu, umieszczając je w odpowiednich res/drawable-**dpifolderach.

Minęło trochę czasu od opublikowania tego, ale to mi pomogło.

Możesz używać układów zagnieżdżonych. Zacznij od RelativeLayout i umieść w nim swój ImageView.

Ustaw wysokość i szerokość tak, aby match_parent wypełniły ekran.

Ustaw scaleType = "centreCrop", aby obraz był dopasowany do ekranu i nie rozciągał się.

Następnie możesz wprowadzić dowolne inne układy, tak jak zwykle, na przykład LinearLayout poniżej.

Możesz użyć android: alpha, aby ustawić przezroczystość obrazu.

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
    android:src="@drawable/image"
    android:alpha="0.6"/>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello"/>

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="There"/>

   </LinearLayout>
</RelativeLayout>

Jeśli chcesz, aby obraz wyświetlał się ZA przezroczystym paskiem akcji, umieść następujące elementy w definicji stylu motywu:

<item name="android:windowActionBarOverlay">true</item>

Cieszyć się!

Użyj tego

android:background="@drawable/your_image"

w swojej działalności pierwszy układ liniowy lub względny.

Zgodnie z odpowiedzią NoToast, musisz mieć wiele wersji "your_image" w swoich res / drawable-ldpi, mdpi, hdpi, x-hdpi (dla xtra dużych ekranów), usunąć match_parent i zachować android: adjustViewBounds = " prawdziwe"

Dodaj android:background="@drawable/your_image"wewnątrz swojego Układu relatywnego / Układu liniowego.

Jeśli masz bg.png jako obraz tła, po prostu:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world"/>
</RelativeLayout>

Pracujący. powinieneś wypróbować to:

android:src="@drawable/img"

three step for put background

1) powinieneś wybrać swoje zdjęcie. na przykład: wprowadź tutaj opis obrazu

2) Następnie kopiujesz to zdjęcie w wersji do rysowania. ostrzeżenie: powinieneś wybrać typy skrócone dla nazwy zdjęcie.

wprowadź opis obrazu tutaj

3) wchodzisz na stronę xml Przeznaczone i napisz:

android: background = "id picture", na przykład mój identyfikator obrazu to @ drawable / download.

wprowadź opis obrazu tutaj

koniec.

Najłatwiejszy sposób:

Krok 1: Otwórz plik AndroidManifest.xml

Możesz zobaczyć plik tutaj!

Krok 2: Zlokalizuj android:theme="@style/AppTheme" >

Krok 3: Zmień na android:theme="@style/Theme.AppCompat.NoActionBar" >

Krok 4: Następnie dodaj ImageView i obraz

Krok 4: To wszystko!