317 votes

Comment faire en sorte que l'image d'arrière-plan d'une application se répète ?

J'ai défini une image de fond dans mon application, mais l'image de fond est petite et je veux qu'elle soit répétée et remplisse tout l'écran. Que dois-je faire ?

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    android:tileMode="repeat">

432voto

yanchenko Points 24142

Ok, voici ce que j'ai dans mon application. Il comprend un hack pour empêcher ListView de devenir noir pendant le défilement.

drawable/app_background.xml :

<?xml version="1.0" encoding="utf-8"?>
    <bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/actual_pattern_image"
        android:tileMode="repeat" />

valeurs/styles.xml :

<?xml version="1.0" encoding="utf-8"?>
<resources>

  <style name="app_theme" parent="android:Theme">
    <item name="android:windowBackground">@drawable/app_background</item>
    <item name="android:listViewStyle">@style/TransparentListView</item>
    <item name="android:expandableListViewStyle">@style/TransparentExpandableListView</item>
  </style>

  <style name="TransparentListView" parent="@android:style/Widget.ListView">
    <item name="android:cacheColorHint">@android:color/transparent</item>
  </style>

  <style name="TransparentExpandableListView" parent="@android:style/Widget.ExpandableListView">
    <item name="android:cacheColorHint">@android:color/transparent</item>
  </style>

</resources>

AndroidManifest.xml :

//
<application android:theme="@style/app_theme">
//

1 votes

Essayez aussi avec ceci : Android:gravity="clip_horizontal" --- cela évite la déformation de l'image

2 votes

J'ai essayé mais je n'ai vu qu'une seule tuile étirée sur tout l'écran :(

0 votes

Si j'ai un ScrollView et que j'y place un arrière-plan à répéter et que j'ai une longue liste, n'aurai-je pas des problèmes avec l'exception OutOfMemory lorsque la fonction ScrollView devient très long ?

176voto

Laszlo Lugosi Points 911

Il y a une propriété dans le xml de drawable pour le faire. Android:tileMode="repeat"

Voir ce site : http://androidforbeginners.blogspot.com/2010/06/how-to-tile-background-image-in-Android.html

38 votes

Je ne sais vraiment pas comment ça peut être si mal vu. L'instinct grégaire ? C'est l'implémentation native de l'arrière-plan en mosaïque

5 votes

Celui-ci fonctionne comme un charme. Celui-là aussi semble être la bonne façon de faire.

3 votes

Je suis d'accord pour dire que cela devrait être la réponse acceptée. C'est vraiment simple et cela fonctionne parfaitement !

70voto

plowman Points 5106

Voici une implémentation pure-java de la répétition de l'image de fond :

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.bg_image);
    BitmapDrawable bitmapDrawable = new BitmapDrawable(bmp);
    bitmapDrawable.setTileModeXY(Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
    LinearLayout layout = new LinearLayout(this);
    layout.setBackgroundDrawable(bitmapDrawable);
}

Dans ce cas, notre image d'arrière-plan devrait être stockée dans res/drawable/bg_image.png.

0 votes

Si j'ai un ScrollView et que j'y place un arrière-plan à répéter et que j'ai une longue liste, n'aurai-je pas des problèmes avec l'exception OutOfMemory lorsque la fonction ScrollView devient très long ?

0 votes

Pourquoi cela ne fonctionne-t-il plus ? La dépréciation signifie que ces commandes ne devraient plus être utilisées parce qu'elles pourraient être retirées à un moment donné dans le futur. Dans l'API 19, cela fonctionne toujours comme @plowman l'a suggéré. De plus, BitmapDrawable n'est pas déprécié, mais seulement certaines de ses méthodes. J'ai modifié le code ci-dessus pour que nous n'ayons pas à utiliser les méthodes dépréciées.

16voto

user3763868 Points 11

En complément de la réponse de Plowman, voici la version non dépréciée de la modification de l'image d'arrière-plan avec java.

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    Bitmap bmp = BitmapFactory.decodeResource(getResources(),
            R.drawable.texture);
    BitmapDrawable bitmapDrawable = new BitmapDrawable(getResources(),bmp);
    bitmapDrawable.setTileModeXY(Shader.TileMode.REPEAT,
            Shader.TileMode.REPEAT);
    setBackground(bitmapDrawable);
}

4voto

Muhammad Mubashir Points 530
// Prepared By Muhammad Mubashir.
// 26, August, 2011.
// Chnage Back Ground Image of Activity.

package com.ChangeBg_01;

import com.ChangeBg_01.R;

import android.R.color;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

public class ChangeBg_01Activity extends Activity
{
    TextView tv;
    int[] arr = new int[2];
    int i=0;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        tv = (TextView)findViewById(R.id.tv);
        arr[0] = R.drawable.icon1;
        arr[1] = R.drawable.icon;

     // Load a background for the current screen from a drawable resource
        //getWindow().setBackgroundDrawableResource(R.drawable.icon1) ;

        final Handler handler=new Handler();
        final Runnable r = new Runnable()
        {
            public void run() 
            {
                //tv.append("Hello World");
                if(i== 2){
                    i=0;            
                }

                getWindow().setBackgroundDrawableResource(arr[i]);
                handler.postDelayed(this, 1000);
                i++;
            }
        };

        handler.postDelayed(r, 1000);
        Thread thread = new Thread()
        {
            @Override
            public void run() {
                try {
                    while(true) 
                    {
                        if(i== 2){
                            //finish();
                            i=0;
                        }
                        sleep(1000);
                        handler.post(r);
                        //i++;
                    }
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        };

    }
}

/*android:background="#FFFFFF"*/
/*
ImageView imageView = (ImageView) findViewById(R.layout.main);
imageView.setImageResource(R.drawable.icon);*/

// Now get a handle to any View contained 
// within the main layout you are using
/*        View someView = (View)findViewById(R.layout.main);

// Find the root view
View root = someView.getRootView();*/

// Set the color
/*root.setBackgroundColor(color.darker_gray);*/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X