Come implementare un androide: sfondo che non si allunga?

Ho trovato questo ottimo thread che descrive come "mangiare la torta e averla anche", ovvero utilizzare l'immagine per a Buttoninvece di ImageButton(che non consente il SetText()ridimensionamento, ecc.).

Ciò si ottiene utilizzando l'attributo Visualizza:

android:background="@drawable/bgimage"

L'unico problema con questo è che allunga l'immagine per adattarla alle dimensioni del pulsante.

A parte l'hard-coding di una dimensione del pulsante fissa (in pixel!), C'è un modo per dire ad Android di non allungare affatto l'immagine di sfondo e ritagliarla o riempirla?

Dovresti usare ImageView se non vuoi che si allunghi. Le immagini di sfondo si allungheranno sempre per adattarsi alla visualizzazione. È necessario impostarlo come Drawable per forzare l'aspetto dell'immagine sull'oggetto.

Altrimenti, se ti attieni all'idea del pulsante, dovrai forzare il ridimensionamento nel pulsante per evitare che l'immagine si allunghi.

Codice:

onCreate(Bundle bundle) {
  // Set content layout, etc up here

  // Now adjust button sizes
  Button b = (Button) findViewById(R.id.somebutton);
  int someDimension = 50; //50pixels
  b.setWidth(someDimension);
  b.setHeight(someDimension);
}

È possibile creare una bitmap xml e utilizzarla come sfondo per la vista. Per prevenire l'allungamento puoi specificareandroid:gravity attributo.

per esempio:

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

Ci sono molte opzioni che puoi usare per personalizzare il rendering dell'immagine

http://developer.android.com/guide/topics/resources/drawable-resource.html#Bitmap

Il semplice utilizzo ImageButtoninvece di Buttonrisolvere il problema.

<ImageButton android:layout_width="30dp"
             android:layout_height="30dp"
             android:src="@drawable/bgimage" />

e puoi impostare

android:background="@null"

per rimuovere lo sfondo del pulsante, se lo desideri.

Soluzione rapida !! :-)

Sto usando un ImageView in un RelativeLayout che si sovrappone al mio layout normale. Nessun codice richiesto. Ridimensiona l'immagine all'altezza completa dello schermo (o qualsiasi altro layout che utilizzi), quindi ritaglia l'immagine a sinistra ea destra per adattarla alla larghezza. Nel mio caso, se l'utente gira lo schermo, l'immagine potrebbe essere un po 'troppo piccola. Quindi uso match_parent, che allungherà la larghezza dell'immagine se troppo piccola.

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

    <ImageView
        android:id="@+id/main_backgroundImage"
        android:layout_width="match_parent"
        //comment: Stretches picture in the width if too small. Use "wrap_content" does not stretch, but leaves space

        android:layout_height="match_parent"
        //in my case I always want the height filled

        android:layout_alignParentTop="true"
        android:scaleType="centerCrop"
        //will crop picture left and right, so it fits in height and keeps aspect ratio

        android:contentDescription="@string/image"
        android:src="@drawable/your_image" />

    <LinearLayout
        android:id="@+id/main_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
    </LinearLayout>

</RelativeLayout>

Ho avuto lo stesso problema: dovresti usare solo un'immagine a 9 patch (.9.png) invece della tua immagine originale.

Serge

Usa draw9patch ... incluso negli strumenti SDK di Android Studio. Puoi definire le aree estensibili della tua immagine. Le parti importanti sono vincolate e l'immagine non sembra tutta deformata. Una buona demo su dra9patch è QUI

Usa draw9patch per cambiare il tuo splash.png esistente in new_splash.9.png, trascina new_splash.9.png nella cartella del progetto drawable-hdpi assicurati che AndroidManifest e styles.xml siano corretti come di seguito:

AndroidManifest.xml:

<application
...
        android:theme="@style/splashScreenStyle"
>

styles.xml:

<style name="splashScreenStyle" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:windowBackground">@drawable/new_splash</item>
</style>

Avevo un'immagine di sfondo, non di grandi dimensioni, ma con dimensioni strane, quindi lo stretching e le cattive prestazioni. Ho creato un metodo con parametri Context, una vista e un ID disegnabile (int) che corrisponderà alle dimensioni dello schermo del dispositivo. Usalo, ad esempio, in Fragments onCreateView per impostare lo sfondo.

public void setBackground(Context context, View view, int drawableId){
    Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),drawableId);

    bitmap = Bitmap.createScaledBitmap(bitmap, Resources.getSystem().
             getDisplayMetrics().widthPixels,
             Resources.getSystem().getDisplayMetrics().heightPixels,
             true);

    BitmapDrawable bitmapDrawable = new BitmapDrawable(context.getResources(), 
                                    bitmap);

    view.setBackground(bitmapDrawable);
}

Ecco una versione della risposta di Santosh per i pulsanti creati in modo programmatico, senza la necessità di una configurazione XML separata:

Button button = new Button(getContext());
Bitmap backgroundBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.my_button);
BitmapDrawable backgroundDrawable = new BitmapDrawable(getResources(), backgroundBitmap);
backgroundDrawable.setGravity(Gravity.CENTER); // also LEFT, CENTER_VERTICAL, etc.
backgroundDrawable.setColorFilter(new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.SRC_ATOP));
button.setBackground(backgroundDrawable);

Ho incluso la linea ColorFilter poiché funziona in modo leggermente diverso dai pulsanti con un'immagine di sfondo normale.

Puoi usare a FrameLayoutcon un ImageViewcome primo figlio, quindi il tuo layout normale come secondo figlio:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <ImageView
        android:id="@+id/background_image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/your_drawable"/>

  <LinearLayout
        android:id="@+id/your_actual_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

  </LinearLayout>

</FrameLayout>

La chiave è impostare il disegnabile come immagine del pulsante, non come sfondo. Come questo:

rb.setButtonDrawable(R.drawable.whatever_drawable);

Si può usare un semplice ImageView nel suo xml e renderlo cliccabile (android: clickable = "true")? Devi solo usare come src un'immagine che ha la forma di un pulsante, cioè gli angoli arrotondati.