我有两个圆形图像视图，一个包含个人资料照片，另一个是相机。以下是我的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_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>
2.color.xml
<?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>
这给我带来了以下的设计:
我想要添加一个像下面这张图片中的相机图标:
CircularImageView.java
public class CircularImageView extends ImageView {
public CircularImageView(Context ctx, AttributeSet attrs) {
super(ctx, attrs);
}
@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 = getRoundedCroppedBitmap(bitmap, w);
canvas.drawBitmap(roundBitmap, 0, 0, null);
}
public static Bitmap getRoundedCroppedBitmap(Bitmap bitmap, int radius) {
Bitmap
finalBitmap;
if (bitmap.getWidth() != radius || bitmap.getHeight() != radius)
finalBitmap = Bitmap.createScaledBitmap(bitmap, radius, radius,
false);
else
finalBitmap = bitmap;
Bitmap output = Bitmap.createBitmap(finalBitmap.getWidth(),
finalBitmap.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(output);
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, finalBitmap.getWidth(),
finalBitmap.getHeight());
paint.setAntiAlias(true);
paint.setFilterBitmap(true);
paint.setDither(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(Color.parseColor("#BAB399"));
canvas.drawCircle(finalBitmap.getWidth() / 2 + 0.7f,
finalBitmap.getHeight() / 2 + 0.7f,
finalBitmap.getWidth() / 2 + 0.1f, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(finalBitmap, rect, rect, paint);
return output;
}
}
我该如何在圆形图像视图内添加一个相机图标？如果我将相机图标设置为背景，那么只会显示相机图标，没有圆形图像视图。
使用以下代码后：
<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 中。
iv_camera.setImageResource(R.drawable.camera)时，只显示相机图标。我想要将相机图标显示在图片视图中，就像屏幕截图中所示的那样。 - Deepak Rattan