Java 如何在圆形图像视图中添加图标
我有两个圆形的图像视图,一个包含侧面图片,另一个用于相机。以下是我的XML文件: 1。Welocome.xmlJava 如何在圆形图像视图中添加图标,java,android,android-imageview,Java,Android,Android Imageview,我有两个圆形的图像视图,一个包含侧面图片,另一个用于相机。以下是我的XML文件: 1。Welocome.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_wid
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"
android:orientation="vertical"
tools:context=".activity.WelcomeActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="@dimen/margin40"
android:text="Welcome to Almachat"
android:textColor="#ffffff"
android:textSize="25dp" />
<FrameLayout
android:layout_width="220dp"
android:layout_height="220dp"
android:layout_gravity="center"
android:layout_marginTop="@dimen/margin10">
<com.almabay.almachat.circularImageView.CircularImageView
android:id="@+id/profilePic"
android:layout_width="170dp"
android:layout_height="170dp"
android:layout_gravity="bottom|center_horizontal" />
<com.almabay.almachat.circularImageView.CircularImageView
android:id="@+id/iv_camera"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="top|right"
android:layout_marginTop="@dimen/margin30"
android:background="@drawable/color"
/>
</FrameLayout>
<TextView
android:id="@+id/txtName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="@dimen/margin20"
android:textColor="#ffffff"
android:textSize="30sp"
android:textStyle="bold" />
<TextView
android:id="@+id/txtSomeText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="Some static text will be here"
android:textColor="#ffffff"
android:textSize="20sp" />
<Button
android:id="@+id/btnContinue"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="@dimen/margin20"
android:background="#F7AE21"
android:padding="@dimen/padding20"
android:text="Continue"
android:textColor="#ffffff" />
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<gradient
android:angle="270"
android:endColor="#F7AE21"
android:startColor="#F7AE21" />
<stroke
android:width="10dp"
android:color="#F7AE21" ></stroke>
</shape>
如何在圆形图像视图中添加相机图标?如果在后台设置相机图标,则仅显示相机图标。没有圆形图像视图
使用以下代码后:
<com.almabay.almachat.circularImageView.CircularImageView
android:id="@+id/iv_camera"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="top|right"
android:layout_marginTop="@dimen/margin30"
android:background="@drawable/color"
android:src="@drawable/camera" />
我将看到以下屏幕:
如何设置图像大小以适应内部CircularImageView
您正在使用一个用于循环图像视图的库。因此,您需要检查是否有任何属性可以在ImageView中设置图标。无论如何,以下是您如何实现所需行为的方法。您可以添加一个内置摄像头图标的图像,而不是设置背景颜色
<com.almabay.almachat.circularImageView.CircularImageView
android:id="@+id/iv_camera"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="top|right"
android:layout_marginTop="@dimen/margin30"
android:background="@drawable/image_with_camera" />
您可能尝试获得此行为的另一种方法是将摄影机图像设置为src属性
<com.almabay.almachat.circularImageView.CircularImageView
android:id="@+id/iv_camera"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="top|right"
android:layout_marginTop="@dimen/margin30"
android:background="@drawable/color"
android:padding="5dp"
android:src="@drawable/image_camera" />
使用这个,来自melanke的答案
这里的逻辑是使用框架布局
<FrameLayout
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_gravity="center"
android:layout_marginTop="10dp">
<xxx.xxxx.CircleImageView
android:id="@+id/profilePic"
android:layout_width="150dp"
android:layout_height="150dp"
android:src="@drawable/male"
android:layout_gravity="bottom|center_horizontal" />
<xxx.xxx.CircleImageView
android:id="@+id/iv_camera"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/editfloat"
android:layout_gravity="top|right"
/>
</FrameLayout>
我已经有了带摄像头图像的drawable,但当我使用iv_camera.setImageResource(R.drawable.camera)时,只会显示摄像头图标。我希望摄像头图标位于屏幕截图所示的图像视图内。最佳选项使用drawable并设置为背景我没有使用库,我正在使用一个类名CircularImageview。请查看我为这个类编辑的代码。然后我的答案就可以了。请您再试一次并报告好吗?它正在添加相机图像,但大小不完美。请检查我编辑的代码以获得相应的屏幕截图。谢谢您的屏幕截图。请选择我在回答中提到的第二个选项。是的。对于大小合适的图标,这里有一些由谷歌提供的图标。正是我需要的。非常感谢欢迎兄弟,这应该是关于+1的所有问题的正确答案
public class MLRoundedImageView extends ImageView {
public MLRoundedImageView(Context context) {
super(context);
}
public MLRoundedImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MLRoundedImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onDraw(Canvas canvas) {
Drawable drawable = getDrawable();
if (drawable == null) {
return;
}
if (getWidth() == 0 || getHeight() == 0) {
return;
}
Bitmap b = ((BitmapDrawable) drawable).getBitmap();
Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);
int w = getWidth(), h = getHeight();
Bitmap roundBitmap = getCroppedBitmap(bitmap, w);
canvas.drawBitmap(roundBitmap, 0, 0, null);
}
public static Bitmap getCroppedBitmap(Bitmap bmp, int radius) {
Bitmap sbmp;
if (bmp.getWidth() != radius || bmp.getHeight() != radius) {
float smallest = Math.min(bmp.getWidth(), bmp.getHeight());
float factor = smallest / radius;
sbmp = Bitmap.createScaledBitmap(bmp, (int)(bmp.getWidth() / factor), (int)(bmp.getHeight() / factor), false);
} else {
sbmp = bmp;
}
Bitmap output = Bitmap.createBitmap(radius, radius,
Config.ARGB_8888);
Canvas canvas = new Canvas(output);
final int color = 0xffa19774;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, radius, radius);
paint.setAntiAlias(true);
paint.setFilterBitmap(true);
paint.setDither(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(Color.parseColor("#BAB399"));
canvas.drawCircle(radius / 2 + 0.7f,
radius / 2 + 0.7f, radius / 2 + 0.1f, paint);
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(sbmp, rect, rect, paint);
return output;
}}
<FrameLayout
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_gravity="center"
android:layout_marginTop="10dp">
<xxx.xxxx.CircleImageView
android:id="@+id/profilePic"
android:layout_width="150dp"
android:layout_height="150dp"
android:src="@drawable/male"
android:layout_gravity="bottom|center_horizontal" />
<xxx.xxx.CircleImageView
android:id="@+id/iv_camera"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/editfloat"
android:layout_gravity="top|right"
/>
</FrameLayout>
<FrameLayout
android:layout_width="@dimen/_100sdp"
android:layout_height="@dimen/_100sdp"
android:layout_gravity="center"
android:layout_marginTop="10dp">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/profilePic"
android:layout_width="@dimen/_100sdp"
android:layout_height="@dimen/_100sdp"
android:layout_gravity="bottom|center_horizontal"
android:src="@drawable/ic_upload" />
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/iv_camera"
android:layout_width="@dimen/_30sdp"
android:layout_height="@dimen/_30sdp"
android:layout_gravity="top|right"
android:src="@drawable/edit"/>
</FrameLayout>
<FrameLayout
android:id="@+id/image_logo"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_gravity="center"
android:layout_marginTop="@dimen/padding_48"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/profilePic"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="bottom|center_horizontal"
app:srcCompat="@drawable/ic_profile" />
<androidx.appcompat.widget.AppCompatImageView
android:id="@+id/iv_camera"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="bottom|right"
app:srcCompat="@drawable/add_profile"
/>
</FrameLayout>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="oval">
<solid android:color="@color/rosy_pink"/>
</shape>
</item>
<item
android:drawable="@drawable/ic_item_select_plus_add"
android:bottom="@dimen/padding_12"
android:left="@dimen/padding_12"
android:right="@dimen/padding_12"
android:top="@dimen/padding_12"/>
</layer-list>
`android:layout_gravity="bottom|right"`