На макеті я хочу масштабувати фонове зображення (зберігаючи його співвідношення сторін) до місця, виділеного під час створення сторінки. Хтось має уявлення, як це зробити?
Я використовую layout.setBackgroundDrawable()і a BitmapDrawable()для встановлення gravityвідсікання та заповнення, але не бачу жодного варіанту масштабування.
Відповіді:
Щоб налаштувати масштабування фонових зображень, створіть такий ресурс:
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:gravity="center"
android:src="@drawable/list_bkgnd" />
Тоді воно буде зосереджено у поданні, якщо воно буде використано як фон. Є також інші прапори: http://developer.android.com/guide/topics/resources/dravable-resource.html
Не намагалися робити саме те, що ви хочете, але ви можете масштабувати ImageView, використовуючи android:scaleType="fitXY"
його, і він буде розміром відповідно до розміру, який ви надаєте ImageView.
Щоб ви могли створити FrameLayout для свого макета, помістити в нього ImageView, а потім будь-який інший вміст, який вам потрібен у FrameLayout, а також з прозорим фоном.
<FrameLayout
android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageView
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:src="@drawable/back" android:scaleType="fitXY" />
<LinearLayout>your views</LinearLayout>
</FrameLayout>Існує простий спосіб зробити це з малюючого:
your_dravable.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@color/bg_color"/>
<item>
<bitmap
android:gravity="center|bottom|clip_vertical"
android:src="@drawable/your_image" />
</item>
</layer-list>Єдиний мінус полягає в тому, що якщо не вистачає місця, ваше зображення не буде показане повністю, але воно буде вирізане, я не зможу знайти спосіб зробити це безпосередньо з малюючого місця. Але на тестах, які я зробив, це працює досить добре, і він не чіпляє велику частину зображення. Ви можете грати більше з гравітаційними параметрами.
Інший спосіб буде просто створити макет, де ви будете використовувати ImageViewі встановити scaleTypeв fitCenter.
error: <item> must have a 'name' attribute.
Використовуйте зображення як розмір фону для компонування:
<?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="wrap_content" >
<ImageView
android:id="@+id/imgPlaylistItemBg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:maxHeight="0dp"
android:scaleType="fitXY"
android:src="@drawable/img_dsh" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
</LinearLayout>
</FrameLayout>android:scaleType="centerCrop"працює.
Якщо ви встановите Dravable of ImageView за допомогою setBackgroundDrawableметоду, зображення завжди буде масштабуватися. Параметри як adjustViewBoundsабо різні ScaleTypesбудуть просто ігноровані. Єдине рішення зберегти співвідношення сторін, яке я знайшов, - це змінити розмір ImageViewпісля завантаження вашого малювання. Ось фрагмент коду, який я використав:
// bmp is your Bitmap object
int imgHeight = bmp.getHeight();
int imgWidth = bmp.getWidth();
int containerHeight = imageView.getHeight();
int containerWidth = imageView.getWidth();
boolean ch2cw = containerHeight > containerWidth;
float h2w = (float) imgHeight / (float) imgWidth;
float newContainerHeight, newContainerWidth;
if (h2w > 1) {
// height is greater than width
if (ch2cw) {
newContainerWidth = (float) containerWidth;
newContainerHeight = newContainerWidth * h2w;
} else {
newContainerHeight = (float) containerHeight;
newContainerWidth = newContainerHeight / h2w;
}
} else {
// width is greater than height
if (ch2cw) {
newContainerWidth = (float) containerWidth;
newContainerHeight = newContainerWidth / h2w;
} else {
newContainerWidth = (float) containerHeight;
newContainerHeight = newContainerWidth * h2w;
}
}
Bitmap copy = Bitmap.createScaledBitmap(bmp, (int) newContainerWidth, (int) newContainerHeight, false);
imageView.setBackgroundDrawable(new BitmapDrawable(copy));
LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
imageView.setLayoutParams(params);
imageView.setMaxHeight((int) newContainerHeight);
imageView.setMaxWidth((int) newContainerWidth);У фрагменті коду вище bmp - об'єкт Bitmap, який повинен бути показаний, а imageView - ImageViewоб'єктом
Важливо зазначити, що це зміна параметрів компонування . Це необхідно тому , що setMaxHeightі setMaxWidthбуде тільки різниця , якщо ширина і висота визначаються обернути зміст, щоб не заповнити батька. З іншого боку, початковий елемент - це бажаний параметр на початку, тому що в іншому випадку containerWidthі containerHeightобидва матимуть значення, рівні 0. Отже, у файлі макета у вас буде щось подібне для вашого ImageView:
...
<ImageView android:id="@+id/my_image_view"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
...Це не найефективніше рішення, але, як хтось запропонував замість фону, ви можете створити FrameLayout або RelativeLayout і використовувати ImageView як псевдо фон - інші елементи будуть розташовуватися просто над ним:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent">
<ImageView
android:id="@+id/ivBackground"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:scaleType="fitStart"
android:src="@drawable/menu_icon_exit" />
<Button
android:id="@+id/bSomeButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="61dp"
android:layout_marginTop="122dp"
android:text="Button" />
</RelativeLayout>Проблема з ImageView полягає в тому, що доступні лише шкали типу: CENTER, CENTER_CROP, CENTER_INSIDE, FIT_CENTER, FIT_END, FIT_START, FIT_XY, MATRIX ( http://etcodehome.blogspot.de/2011/05/android-imageview-scaletype-samples.html )
та "масштабування фонового зображення (збереження його співвідношення сторін)" в деяких випадках, коли ви хочете, щоб зображення заповнило весь екран (наприклад, фонове зображення), а співвідношення сторін екрана відрізняється від зображення, необхідний масштаб з TOP_CROP, оскільки:
CENTER_CROP центрує масштабоване зображення замість вирівнювання верхнього краю до верхнього краю подання зображення, і FIT_START відповідає висоті екрана, а не заповнює ширину. І як помітив користувач Anke, FIT_XY не підтримує співвідношення сторін.
Приємно, що хтось розширив ImageView для підтримки TOP_CROP
public class ImageViewScaleTypeTopCrop extends ImageView {
public ImageViewScaleTypeTopCrop(Context context) {
super(context);
setup();
}
public ImageViewScaleTypeTopCrop(Context context, AttributeSet attrs) {
super(context, attrs);
setup();
}
public ImageViewScaleTypeTopCrop(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setup();
}
private void setup() {
setScaleType(ScaleType.MATRIX);
}
@Override
protected boolean setFrame(int frameLeft, int frameTop, int frameRight, int frameBottom) {
float frameWidth = frameRight - frameLeft;
float frameHeight = frameBottom - frameTop;
if (getDrawable() != null) {
Matrix matrix = getImageMatrix();
float scaleFactor, scaleFactorWidth, scaleFactorHeight;
scaleFactorWidth = (float) frameWidth / (float) getDrawable().getIntrinsicWidth();
scaleFactorHeight = (float) frameHeight / (float) getDrawable().getIntrinsicHeight();
if (scaleFactorHeight > scaleFactorWidth) {
scaleFactor = scaleFactorHeight;
} else {
scaleFactor = scaleFactorWidth;
}
matrix.setScale(scaleFactor, scaleFactor, 0, 0);
setImageMatrix(matrix);
}
return super.setFrame(frameLeft, frameTop, frameRight, frameBottom);
}
}https://stackoverflow.com/a/14815588/2075875
Тепер ІМХО було б ідеально, якби хтось написав власну програму Dravable, яка масштабує зображення. Тоді його можна використовувати як фоновий параметр.
Reflog пропонує передбачити масштаб малюнку перед його використанням. Ось інструкція, як це зробити: Java (Android): Як масштабувати графік без бітової карти? Незважаючи на те, що він має недолік, те, що розширений графічний / растровий малюнок буде використовувати більше оперативної пам’яті, а масштабування під час використання ImageView не потребує більше пам’яті. Перевагою може бути менше завантаження процесора.
Наведений нижче код робить ідеальне зображення з однаковим розміром перегляду зображень. Отримайте висоту та ширину растрового зображення, а потім обчисліть нову висоту та ширину за допомогою параметрів imageview. Це дає вам потрібне зображення з найкращим співвідношенням сторін.
int bwidth=bitMap1.getWidth();
int bheight=bitMap1.getHeight();
int swidth=imageView_location.getWidth();
int sheight=imageView_location.getHeight();
new_width=swidth;
new_height = (int) Math.floor((double) bheight *( (double) new_width / (double) bwidth));
Bitmap newbitMap = Bitmap.createScaledBitmap(bitMap1,new_width,new_height, true);
imageView_location.setImageBitmap(newbitMap)Те, що запропонував Двібо, працює. Але на мою скромну думку це зайве. Фоновий малює масштаб добре сам по собі. Вид повинен мати фіксовану ширину та висоту, як у наступному прикладі:
< RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/black">
<LinearLayout
android:layout_width="500dip"
android:layout_height="450dip"
android:layout_centerInParent="true"
android:background="@drawable/my_drawable"
android:orientation="vertical"
android:padding="30dip"
>
...
</LinearLayout>
< / RelativeLayout>Котлін:
Якщо вам потрібно було намалювати растрову карту у вікні View, масштабується до FIT.
Ви можете зробити належні обчислення, щоб встановити висоту bm, рівну контейнеру, і відрегулювати ширину, у випадку, якщо відношення ширини до висоти bm менше, ніж відношення ширини контейнера до висоти, або зворотного в протилежному сценарії.
Зображення:
// binding.fragPhotoEditDrawCont is the RelativeLayout where is your view
// bm is the Bitmap
val ch = binding.fragPhotoEditDrawCont.height
val cw = binding.fragPhotoEditDrawCont.width
val bh = bm.height
val bw = bm.width
val rc = cw.toFloat() / ch.toFloat()
val rb = bw.toFloat() / bh.toFloat()
if (rb < rc) {
// Bitmap Width to Height ratio is less than Container ratio
// Means, bitmap should pin top and bottom, and have some space on sides.
// _____ ___
// container = |_____| bm = |___|
val bmHeight = ch - 4 //4 for container border
val bmWidth = rb * bmHeight //new width is bm_ratio * bm_height
binding.fragPhotoEditDraw.layoutParams = RelativeLayout.LayoutParams(bmWidth.toInt(), bmHeight)
}
else {
val bmWidth = cw - 4 //4 for container border
val bmHeight = 1f/rb * cw
binding.fragPhotoEditDraw.layoutParams = RelativeLayout.LayoutParams(bmWidth, bmHeight.toInt())
}перед тим, як використовувати його як фон, вам доведеться попередньо змінити масштабований малюнок
Ви можете скористатися одним із наступних:
android: gravity = "fill_horizontal | clip_vertical"
Або
android: gravity = "fill_vertical | clip_horizontal"