Como implementar um andróide: fundo que não estica?

Eu encontrei este ótimo tópico que descreve como "comer o bolo e ter também", ou seja, usar a imagem para um em Buttonvez de ImageButton(que não permite SetText(), redimensionamento, etc.).

Isso é feito usando o atributo Exibir:

android:background="@drawable/bgimage"

O único problema com isso é que estica a imagem para caber no tamanho do botão.

Com exceção de codificar um tamanho de botão fixo (em pixels!), Há uma maneira de dizer ao Android para não esticar a imagem de fundo e cortá-la ou preenchê-la?

Você deve usar ImageView se não quiser esticar. As imagens de fundo sempre se esticarão para caber na visualização. Você precisa defini-lo como um Drawable para forçar o aspecto da imagem para o objeto.

Caso contrário, se você está mantendo a ideia do botão, você precisará forçar a escala no botão para evitar que a imagem se estique.

Código:

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);
}

Você pode criar um bitmap xml e usá-lo como plano de fundo para a visualização. Para evitar alongamento, você pode especificar o android:gravityatributo.

por exemplo:

<?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>

Existem muitas opções que você pode usar para personalizar a renderização da imagem

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

Simplesmente usar em ImageButtonvez de Buttonresolve o problema.

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

e você pode definir

android:background="@null"

para remover o fundo do botão, se desejar.

Conserto rápido !! :-)

Estou usando um ImageView em um RelativeLayout que se sobrepõe ao meu layout normal. Nenhum código necessário. Ele dimensiona a imagem para a altura total da tela (ou qualquer outro layout que você usa) e, em seguida, recorta a imagem à esquerda e à direita para caber na largura. No meu caso, se o usuário virar a tela, a imagem pode ficar um pouco pequena demais. Portanto, eu uso match_parent, o que fará com que a largura da imagem seja muito pequena.

<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>

Eu tive o mesmo problema: você só deve usar uma imagem de 9 patch (.9.png) em vez da sua imagem original.

Sarja

Use draw9patch ... incluído nas ferramentas SDK do Android Studio. Você pode definir as áreas extensíveis de sua imagem. Partes importantes são restringidas e a imagem não parece toda distorcida. Uma boa demonstração do dra9patch está AQUI

Use draw9patch para alterar seu splash.png existente para new_splash.9.png, arraste new_splash.9.png para a pasta do projeto drawable-hdpi e certifique-se de que AndroidManifest e styles.xml sejam adequados conforme abaixo:

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>

Eu tinha uma imagem de fundo, não grande em tamanho, mas com dimensões estranhas - daí o alongamento e o mau desempenho. Fiz um método com os parâmetros Context, uma View e um drawable ID (int) que vai corresponder ao tamanho da tela do dispositivo. Use isso, por exemplo, em um Fragments onCreateView para definir o plano de fundo.

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);
}

Esta é uma versão da resposta de Santosh para botões criados programaticamente, sem a necessidade de uma configuração XML separada:

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);

Incluí a linha ColorFilter, pois funciona um pouco diferente dos botões com uma imagem de fundo normal.

Você pode usar um FrameLayoutcom um ImageViewcomo o primeiro filho e, em seguida, seu layout normal como o segundo filho:

<?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>

A chave é definir o drawable como a imagem do botão, não como um plano de fundo. Como isso:

rb.setButtonDrawable(R.drawable.whatever_drawable);

Pode-se usar um ImageView simples em seu xml e torná-lo clicável (android: clickable = "true")? Você só precisa usar como src uma imagem que tenha o formato de um botão, ou seja, cantos arredondados.