Computer >> Máy Tính >  >> Lập trình >> Android

Android, Cách cắt vùng tròn từ ảnh bitmap

Ví dụ này trình bày cách cắt vùng hình tròn từ ảnh bitmap trong Android.

Bước 1 - Tạo một dự án mới trong Android Studio, đi tới Tệp ⇒ Dự án Mới và điền tất cả các chi tiết cần thiết để tạo một dự án mới.

Bước 2 - Thêm mã sau vào res / layout / activity_main.xml. 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity"
   android:id="@+id/rl"
   android:padding="16dp"
   android:background="#edf2ea">
   <ImageView
      android:id="@+id/iv"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"/>
   <Button
      android:id="@+id/btn"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Circular It"
      android:layout_alignParentBottom="true"
      android:layout_alignParentRight="true"/>
</RelativeLayout>

Bước 3 - Thêm mã sau vào src / MainActivity.java 

package com.medkart.sample;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
   private Context mContext;
   private Resources mResources;
   private RelativeLayout mRelativeLayout;
   private Button mBTN;
   private ImageView mImageView;
   private Bitmap mBitmap;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      // Get the application context
      mContext = getApplicationContext();
      // Get the Resources
      mResources = getResources();
      // Get the widgets reference from XML layout
      mRelativeLayout = (RelativeLayout) findViewById(R.id.rl);
      mImageView = (ImageView) findViewById(R.id.iv);
      mBTN = (Button) findViewById(R.id.btn);
      // Get the bitmap resource id
      final int bitmapResourceID =R.drawable.flower;
      // Set an image to ImageView
      mImageView.setImageBitmap(BitmapFactory.decodeResource(mResources, bitmapResourceID));
      // Set a click listener for Button widget
      mBTN.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View view) {
            // Get the bitmap from drawable resources
            mBitmap = BitmapFactory.decodeResource(mResources, bitmapResourceID);
            // Create a circular bitmap
            mBitmap = getCircularBitmap(mBitmap);
            // Add a border around circular bitmap
            mBitmap = addBorderToCircularBitmap(mBitmap, 15, Color.WHITE);
            // Add a shadow around circular bitmap
            mBitmap = addShadowToCircularBitmap(mBitmap, 4, Color.LTGRAY);
            // Set the ImageView image as drawable object
            mImageView.setImageBitmap(mBitmap);
         }
      });
   }
   protected Bitmap getCircularBitmap(Bitmap srcBitmap) {
      // Calculate the circular bitmap width with border
      int squareBitmapWidth = Math.min(srcBitmap.getWidth(), srcBitmap.getHeight());
      // Initialize a new instance of Bitmap
      Bitmap dstBitmap = Bitmap.createBitmap (
         squareBitmapWidth, // Width
         squareBitmapWidth, // Height
         Bitmap.Config.ARGB_8888 // Config
      );
      Canvas canvas = new Canvas(dstBitmap);
      // Initialize a new Paint instance
      Paint paint = new Paint();
      paint.setAntiAlias(true);
      Rect rect = new Rect(0, 0, squareBitmapWidth, squareBitmapWidth);
      RectF rectF = new RectF(rect);
      canvas.drawOval(rectF, paint);
      paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
      // Calculate the left and top of copied bitmap
      float left = (squareBitmapWidth-srcBitmap.getWidth())/2;
      float top = (squareBitmapWidth-srcBitmap.getHeight())/2;
      canvas.drawBitmap(srcBitmap, left, top, paint);
      // Free the native object associated with this bitmap.
      srcBitmap.recycle();
      // Return the circular bitmap
      return dstBitmap;
   }
   // Custom method to add a border around circular bitmap
   protected Bitmap addBorderToCircularBitmap(Bitmap srcBitmap, int borderWidth, int borderColor) {
      // Calculate the circular bitmap width with border
      int dstBitmapWidth = srcBitmap.getWidth()+borderWidth*2;
      // Initialize a new Bitmap to make it bordered circular bitmap
      Bitmap dstBitmap = Bitmap.createBitmap(dstBitmapWidth,dstBitmapWidth, Bitmap.Config.ARGB_8888);
      // Initialize a new Canvas instance
      Canvas canvas = new Canvas(dstBitmap);
      // Draw source bitmap to canvas
      canvas.drawBitmap(srcBitmap, borderWidth, borderWidth, null);
      // Initialize a new Paint instance to draw border
      Paint paint = new Paint();
      paint.setColor(borderColor);
      paint.setStyle(Paint.Style.STROKE);
      paint.setStrokeWidth(borderWidth);
      paint.setAntiAlias(true);
      canvas.drawCircle(
         canvas.getWidth() / 2, // cx
         canvas.getWidth() / 2, // cy
         canvas.getWidth()/2 - borderWidth / 2, // Radius
         paint // Paint
      );
      // Free the native object associated with this bitmap.
      srcBitmap.recycle();
      // Return the bordered circular bitmap
      return dstBitmap;
   }
   // Custom method to add a shadow around circular bitmap
   protected Bitmap addShadowToCircularBitmap(Bitmap srcBitmap, int shadowWidth, int shadowColor){
      // Calculate the circular bitmap width with shadow
      int dstBitmapWidth = srcBitmap.getWidth()+shadowWidth*2;
      Bitmap dstBitmap = Bitmap.createBitmap(dstBitmapWidth,dstBitmapWidth, Bitmap.Config.ARGB_8888);
      // Initialize a new Canvas instance
      Canvas canvas = new Canvas(dstBitmap);
      canvas.drawBitmap(srcBitmap, shadowWidth, shadowWidth, null);
      // Paint to draw circular bitmap shadow
      Paint paint = new Paint();
      paint.setColor(shadowColor);
      paint.setStyle(Paint.Style.STROKE);
      paint.setStrokeWidth(shadowWidth);
      paint.setAntiAlias(true);
      // Draw the shadow around circular bitmap
      canvas.drawCircle (
         dstBitmapWidth / 2, // cx
         dstBitmapWidth / 2, // cy
         dstBitmapWidth / 2 - shadowWidth / 2, // Radius
         paint // Paint
      );
      srcBitmap.recycle();
      return dstBitmap;
   }
}

Bước 4 - Thêm mã sau vào Manifests / AndroidManifest.xml 

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
   package="com.medkart.sample">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

Hãy thử chạy ứng dụng của bạn. Tôi giả sử bạn đã kết nối thiết bị Di động Android thực tế với máy tính của mình. Để chạy ứng dụng từ android studio, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào Chạy Android, Cách cắt vùng tròn từ ảnh bitmap Biểu tượng từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn, sau đó kiểm tra thiết bị di động sẽ hiển thị màn hình mặc định của bạn -

Android, Cách cắt vùng tròn từ ảnh bitmap

Android, Cách cắt vùng tròn từ ảnh bitmap