Jak wdrożyć androida: tło, które się nie rozciąga?

Znalazłem świetny wątek opisujący, jak "zjeść ciasto i też je mieć", tj. Użyj obrazka Buttonzamiast ImageButton(co nie pozwala SetText(), zmiana rozmiaru itp.).

Osiąga się to za pomocą atrybutu View:

android:background="@drawable/bgimage"

Jedynym problemem jest to, że rozciąga obraz, aby dopasować go do rozmiaru przycisku.

Oprócz zakodowania stałego rozmiaru przycisku (w pikselach!), Czy istnieje sposób, aby powiedzieć Androidowi, aby w ogóle nie rozciągał obrazu tła i albo go przycinał, ani nie wypełniał?

Powinieneś użyć ImageView, jeśli nie chcesz, aby się rozciągał. Obrazy tła będą zawsze rozciągane, aby pasowały do ​​widoku. Musisz ustawić go jako Drawable, aby wymusić aspekt obrazu na obiekcie.

W przeciwnym razie, jeśli trzymasz się idei przycisku, będziesz musiał wymusić skalowanie w przycisku, aby zapobiec rozciągnięciu obrazu.

Kod:

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

Możesz utworzyć bitmapę xml i użyć jej jako tła dla widoku. Aby zapobiec rozciągnięciu, możesz określić android:gravityatrybut.

na przykład:

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

Istnieje wiele opcji, których możesz użyć, aby dostosować renderowanie obrazu

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

Po prostu użycie ImageButtonzamiast Buttonrozwiązuje problem.

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

i możesz ustawić

android:background="@null"

aby usunąć tło przycisku, jeśli chcesz.

Szybka naprawa !! :-)

Używam ImageView w RelativeLayout, który nakłada się z moim normalnym układem. Nie jest wymagany kod. Zmienia rozmiar obrazu do pełnej wysokości ekranu (lub innego używanego układu), a następnie przycina obraz w lewo i w prawo, aby dopasować go do szerokości. W moim przypadku, jeśli użytkownik obróci ekran, obraz może być odrobinę za mały. Dlatego używam match_parent, co spowoduje rozciągnięcie obrazu, jeśli jest za mały.

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

Miałem ten sam problem: zamiast oryginalnego obrazu powinieneś używać tylko 9-poprawkowego obrazu (.9.png).

Serge

Użyj draw9patch ... zawartego w narzędziach SDK Android Studio. Możesz zdefiniować rozciągliwe obszary obrazu. Ważne części są ograniczone, a obraz nie wygląda na wypaczony. Dobre demo na dra9patch jest TUTAJ

Użyj draw9patch, aby zmienić istniejący plik splash.png na new_splash.9.png, przeciągnij new_splash.9.png do folderu projektu drawable-hdpi, upewnij się, że plik AndroidManifest i styles.xml są prawidłowe, jak poniżej:

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>

Miałem obraz w tle, nie duży, ale o dziwnych wymiarach - stąd rozciąganie i kiepska wydajność. Stworzyłem metodę z parametrami Context, View i identyfikatorem do rysowania (int), który będzie pasował do rozmiaru ekranu urządzenia. Użyj tego np. W Fragments onCreateView, aby ustawić tło.

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

Oto wersja odpowiedzi Santosha na przyciski utworzone programowo, bez potrzeby osobnej konfiguracji 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);

Dodałem linię ColorFilter, ponieważ działa ona trochę inaczej niż przyciski z normalnym obrazem tła.

Można używać FrameLayoutze związkiem ImageViewjako pierwsze dziecko, potem normalnym układzie jak drugie dziecko:

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

Kluczem jest ustawienie elementu do rysowania jako obrazu przycisku, a nie tła. Lubię to:

rb.setButtonDrawable(R.drawable.whatever_drawable);

Czy można użyć zwykłego ImageView w swoim xml i uczynić go klikalnym (android: clickable = "true")? Jako źródło wystarczy użyć tylko obrazu, który ma kształt przycisku, czyli zaokrąglone rogi.