ImageView với góc rouded, biên giới rắn và hiệu ứng ánh sáng

Question

Tôi muốn đặt góc tròn và đường viền cho ImageView, với màu đường viền tùy chỉnh. Ngoài ra, tôi muốn đạt được một hiệu ứng rực rỡ với màu sắc của biên giới. Đã đính kèm hình ảnh mẫu. Lưu ý rằng hình ảnh nguồn có đường viền vuông. Tôi cho rằng điều này chỉ có thể đạt được bằng cách sử dụng Canvas? Bất kỳ ý tưởng và mã mẫu?

Answer 1

hãy thử sử dụng đoạn mã sau vào một file xml mới có tên roundCorners trong thư mục drawable của bạn:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 

<solid android:color="#000000" /> 

<stroke 
    android:width="1dp" 
    android:color="#DDDDDD" /> 

<corners 
    android:bottomLeftRadius="2dp" 
    android:bottomRightRadius="2dp" 
    android:topLeftRadius="2dp" 
    android:topRightRadius="2dp" /> 

</shape> 

Và sau đó đặt nó làm nền để ImageView của bạn trong file bố trí theo:

android:background="@drawable/roundCorners" 

Answer 2

đây là những gì tôi đã làm cho ImageView của mình để thực hiện các thay đổi tương tự như bạn muốn.

thực hiện một image_shape.xml

<?xml version="1.0" encoding="UTF-8"?> 
<shape 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <stroke 
     android:width="1dp" 
     /> 
    <corners 
     android:radius="50dp" /> 

    <padding 
     android:left="10dp" 
     android:right="10dp" 
     android:top="10dp" 
     android:bottom="10dp"/> 


    <solid android:color="#10151D"/> 

</shape> 

Bây giờ, đặt xml này như là nền tảng của IMAGExem của bạn sau đó bạn sẽ nhận được hiệu quả như bạn muốn. Ngay bây giờ tôi đã thiết lập màu sắc của riêng tôi. bạn có thể đặt màu sắc mong muốn của bạn và có được hiệu ứng như hiệu ứng đường viền sáng tròn.