Agregar marco o borde a ImageView y Drop-Shadow

Lo que intento hacer funcionará mejor con una imagen de ejemplo. Como se puede ver a continuación tengo un fondo gris, ontop de que se sienta un contenedor con un relleno que contiene una imagen. El contenedor también tiene un ligero dropshadow a la misma.

Lo que quiero saber, es si hay manera no tan cuidadosa de hacer esto en mi layout.xml? En un documento HTML normal esto habría sido fácil. Pero ya que esto es para una aplicación móvil y para una serie de resoluciones de pantalla y así sucesivamente, está resultando un poco difícil.

¿Algún consejo?

Introduzca aquí la descripción de la imagen

Edit: Eventualmente me conformé con una imagen de 9patch. Everyting fue muy suave en la creación de la misma, pero cuando realmente lo uso en mi aplicación veo estas rayas oscuras a la derecha y la parte inferior de la imagen. El dropshadow parece funcionar, es un dropshadow muy ligero .. pero esas rayas malditas?

Introduzca aquí la descripción de la imagen

Esto se puede hacer con un relleno adecuado y una imagen de 9 parches. Vea este enlace , puede ser que le puede ayudar.

Puede proporcionar un borde a una vista escribiendo un archivo xml (diga editBorder.xml) en una carpeta dibujable:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <stroke android:width="5dp" android:color="#EBDDE2" /> <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="4dp" /> <gradient android:centerColor="@color/white" android:endColor="@color/white" android:startColor="@color/white" /> <corners android:radius="8dp" /> </shape> 

Y para proporcionar esta frontera, utilice la sentencia en ImageView como android:background="@drawable/editBorder"

Esto debería solucionar tu problema. 🙂

ImageView tiene dos propiedades android:background y android:src

http://developer.android.com/reference/android/widget/ImageView.html

Cree un marco blanco en blanco con sombra (Photoshop recomendado).

Así que haz esto

 <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/image" android:background="@drawable/whiteFrame" android:padding="10dp" > </ImageView> 
  • Android: alineación del texto giratorio a la derecha pero no centrada
  • Quiero cambiar el tamaño del icono de la barra de acciones
  • Error al analizar XML: prefijo no enlazado con barra de herramientas sdk 21
  • Disposición de Android: dos vistas contiguas, de igual anchura, utilizan el ancho total de la pantalla
  • Agregar sombra debajo TabBar - Diseño de material
  • ¿Cómo evito que EditText cambie de tamaño cuando el usuario está escribiendo?
  • ¿Cómo enviar la vista hacia atrás? ¿Cómo controlar la orden z de forma programática?
  • Sombra larga de Android TextView
  • Cómo diseñar o diseñar correctamente un cajón de navegación de Android
  • El widget Android AppBarLayout siempre aparece en la parte superior
  • Cómo establecer dinámicamente los parámetros de diseño en Android?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.