Как установить границу для ImageView
и изменить ее цвет на Android?
Граница для изображения в Android?
Ответ 1
Я установил приведенный ниже xml на фон просмотра изображений как Drawable. Это работает.
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFF" />
<stroke android:width="1dp" android:color="#000000" />
<padding android:left="1dp" android:top="1dp" android:right="1dp"
android:bottom="1dp" />
</shape>
А затем добавьте android:background="@drawable/yourXmlFileName"
в свой ImageView
Ответ 2
Ниже приведен код, который я использовал, чтобы иметь черную рамку. Обратите внимание, что я не использовал дополнительный XML файл для границы.
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/red_minus_icon"
android:background="#000000"
android:padding="1dp"/>
Ответ 3
Это старый пост, который я знаю, но я думал, что это может помочь кому-то там.
Если вы хотите имитировать полупрозрачную рамку, которая не перекрывает форму "сплошной", используйте ее в своем xml. Обратите внимание: я вообще не использую тег "stroke", поскольку он всегда перекрывает фактическую рисованную форму.
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="#55111111" />
<padding
android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" />
<corners android:radius="5dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp" />
<solid android:color="#ff252525" />
</shape>
</item>
</layer-list>
Ответ 4
ImageView
в XML файле
<ImageView
android:id="@+id/myImage"
android:layout_width="100dp"
android:layout_height="100dp"
android:padding="1dp"
android:scaleType="centerCrop"
android:cropToPadding="true"
android:background="@drawable/border_image"
android:src="@drawable/ic_launcher" />
сохраните ниже код с именем border_image.xml и он должен находиться в папке с возможностью переноса
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:startColor="#ffffff"
android:endColor="#ffffff"
android:angle="270" />
<corners android:radius="0dp" />
<stroke android:width="0.7dp" android:color="#b4b4b4" />
</shape>
если вы хотите дать округленный угол к границе изображения, тогда вы можете изменить строку в файле border.xml
<corners android:radius="4dp" />
Ответ 5
Это было использовано выше, но не упоминается исключительно.
setCropToPadding(boolean);
Если значение равно true, изображение будет обрезано, чтобы соответствовать его отступам.
Это заставит источник ImageView
вписаться в отступ, добавленный к его фону.
С помощью XML это можно сделать как below-
android:cropToPadding="true"
Ответ 6
Добавить фоновый рисунок, например, res/drawables/background.xml:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@android:color/white" />
<stroke android:width="1dp" android:color="@android:color/black" />
</shape>
Обновите фон ImageView в res/layout/foo.xml:
...
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="1dp"
android:background="@drawable/background"
android:src="@drawable/bar" />
...
Исключить дополнение ImageView, если вы хотите, чтобы src рисовал поверх фона.
Ответ 7
Для тех, кто ищет пользовательские границы и форму ImageView. Вы можете использовать android-shape-imageview
Просто добавьте compile 'com.github.siyamed:android-shape-imageview:[email protected]'
к вашему build.gradle
.
И используйте в вашем макете.
<com.github.siyamed.shapeimageview.BubbleImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/neo"
app:siArrowPosition="right"
app:siSquare="true"/>
Ответ 8
вы должны создать background.xml в res/drawable этот код
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFF" />
<corners android:radius="6dp" />
<stroke
android:width="6dp"
android:color="@android:color/white" />
<padding
android:bottom="6dp"
android:left="6dp"
android:right="6dp"
android:top="6dp" />
</shape>
Ответ 9
Мне было гораздо легче сделать это:
1) Отредактируйте рамку, чтобы внутри было содержимое (с помощью инструмента 9patch).
2) Поместите ImageView
внутри Linearlayout
и установите цвет фона или цвет рамки в качестве фона Linearlayout
. Когда вы устанавливаете кадр для содержания внутри себя, ваш ImageView
будет внутри кадра (прямо там, где вы устанавливаете контент с помощью инструмента 9patch).
Ответ 10
Следующее мое самое простое решение этой длительной проблемы.
<FrameLayout
android:layout_width="112dp"
android:layout_height="112dp"
android:layout_marginLeft="16dp" <!-- May vary according to your needs -->
android:layout_marginRight="16dp" <!-- May vary according to your needs -->
android:layout_centerVertical="true">
<!-- following imageView acts as the boarder which sitting in the background of our main container ImageView -->
<ImageView
android:layout_width="112dp"
android:layout_height="112dp"
android:background="#000"/>
<!-- following imageView holds the image as the container to our image -->
<!-- layout_margin defines the width of our boarder, here it 1dp -->
<ImageView
android:layout_width="110dp"
android:layout_height="110dp"
android:layout_margin="1dp"
android:id="@+id/itemImageThumbnailImgVw"
android:src="@drawable/banana"
android:background="#FFF"/> </FrameLayout>
В следующем ответе я объяснил это достаточно хорошо, пожалуйста, взгляните на это тоже!
Я надеюсь, что это будет полезно для кого-то другого!
Ответ 11
В том же xml я использовал следующий:
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff" <!-- border color -->
android:padding="3dp"> <!-- border width -->
<ImageView
android:layout_width="160dp"
android:layout_height="120dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:scaleType="centerCrop" />
</RelativeLayout>
Ответ 12
Сначала добавьте нужный цвет фона в качестве цвета вашей границы, затем
измените cropToPadding на true и после этого добавьте отступы.
Тогда у вас будет граница для вашего imageView.
Ответ 13
Создать границу
Создайте XML файл (например, "frame_image_view.xml") со следующим содержимым в папке для рисования:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="@dimen/borderThickness"
android:color="@color/borderColor" />
<padding
android:bottom="@dimen/borderThickness"
android:left="@dimen/borderThickness"
android:right="@dimen/borderThickness"
android:top="@dimen/borderThickness" />
<corners android:radius="1dp" /> <!-- remove line to get sharp corners -->
</shape>
Замените @dimen/borderThickness
и @color/borderColor
тем, что вы хотите, или добавьте соответствующий размер/цвет.
Добавьте Drawable в качестве фона для вашего ImageView:
<ImageView
android:id="@+id/my_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/frame_image_view"
android:cropToPadding="true"
android:adjustViewBounds="true"
android:scaleType="fitCenter" />
Вы должны использовать android:cropToPadding="true"
, иначе заданный отступ не будет иметь эффекта. В качестве альтернативы используйте android:padding="@dimen/borderThickness"
в вашем ImageView для достижения того же.
Если рамка обрамляет родителя вместо вашего ImageView, попробуйте использовать android:adjustViewBounds="true"
.
Изменить цвет границы
Самый простой способ изменить цвет границы в коде - использовать атрибут tintBackgound.
ImageView img = findViewById(R.id.my_image_view);
img.setBackgroundTintList(ColorStateList.valueOf(Color.RED); // changes border color to red
или
ImageView img = findViewById(R.id.my_image_view);
img.setBackgroundTintList(getColorStateList(R.color.newColor));
Не забудьте определить свой newColor
.