Как реализовать андроид: фон, который не растягивается?

Я нашел эту замечательную ветку, описывающую, как «съесть торт и съесть его тоже», т.е. использовать изображение Buttonвместо ImageButton(что не позволяет SetText(), изменение размера и т. Д.).

Это достигается с помощью атрибута View:

android:background="@drawable/bgimage"

Единственная проблема заключается в том, что изображение растягивается до размера кнопки.

Если не считать жесткого кодирования фиксированного размера кнопки (в пикселях!), Есть ли способ запретить Android вообще растягивать фоновое изображение и либо обрезать, либо дополнять его?

Вам следует использовать ImageView, если вы не хотите, чтобы он растягивался. Фоновые изображения всегда растягиваются, чтобы соответствовать виду. Вам нужно установить его как Drawable, чтобы заставить аспект изображения объекту.

В противном случае, если вы придерживаетесь идеи кнопки, вам нужно будет принудительно масштабировать кнопку, чтобы изображение не растягивалось.

Код:

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

Вы можете создать растровое изображение xml и использовать его в качестве фона для представления. Чтобы предотвратить растяжение, вы можете указать android:gravityатрибут.

например:

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

Есть много параметров, которые вы можете использовать для настройки рендеринга изображения.

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

Простое использование ImageButtonвместо Buttonрешает проблему.

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

и вы можете установить

android:background="@null"

чтобы удалить фон кнопки, если хотите.

Быстрая починка !! :-)

Я использую ImageView в RelativeLayout, который накладывается на мой обычный макет. Код не требуется. Он устанавливает размер изображения на всю высоту экрана (или любой другой макет, который вы используете), а затем обрезает изображение слева и справа по ширине. В моем случае, если пользователь поворачивает экран, изображение может быть слишком маленьким. Поэтому я использую match_parent, что заставляет изображение растягиваться по ширине, если оно слишком маленькое.

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

У меня была та же проблема: вы должны использовать только изображение с 9 патчами (.9.png) вместо исходного изображения.

Serge

Используйте draw9patch ... включенный в инструменты SDK Android Studio. Вы можете определить растяжимые области вашего изображения. Важные части ограничены, и изображение не выглядит искаженным. Хорошая демонстрация на dra9patch ЗДЕСЬ

Используйте draw9patch, чтобы изменить существующий splash.png на new_splash.9.png, перетащите new_splash.9.png в папку проекта drawable-hdpi и убедитесь, что файлы AndroidManifest и styles.xml правильные, как показано ниже:

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>

У меня было фоновое изображение, небольшое по размеру, но со странными размерами - отсюда растяжение и плохая производительность. Я создал метод с параметрами Context, View и идентификатором (int), который будет соответствовать размеру экрана устройства. Используйте это, например, в Fragments onCreateView, чтобы установить фон.

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

Вот версия ответа Сантоша для программно созданных кнопок без необходимости отдельной конфигурации XML:

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

Я включил строку ColorFilter, поскольку она работает немного иначе, чем кнопки с обычным фоновым изображением.

Вы можете использовать a FrameLayoutс a в ImageViewкачестве первого дочернего элемента, а затем ваш обычный макет в качестве второго ребенка:

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

Ключ состоит в том, чтобы установить возможность рисования как изображение кнопки, а не как фон. Как это:

rb.setButtonDrawable(R.drawable.whatever_drawable);

Можно использовать обычный ImageView в своем xml и сделать его интерактивным (android: clickable = "true")? Вам нужно только использовать в качестве src изображение, имеющее форму кнопки, то есть закругленные углы.