অ্যান্ড্রয়েডে সার্কুলার ইমেজভিউ কীভাবে তৈরি করবেন?

এই উদাহরণটি কিভাবে CircularImageView তৈরি করতে হয় তা প্রদর্শন করে অ্যান্ড্রয়েডে।

ধাপ 1 − অ্যান্ড্রয়েড স্টুডিওতে একটি নতুন প্রকল্প তৈরি করুন, ফাইল ⇒ নতুন প্রকল্পে যান এবং একটি নতুন প্রকল্প তৈরি করতে প্রয়োজনীয় সমস্ত বিবরণ পূরণ করুন৷

ধাপ 2 −সার্কলার ভিউ তৈরি করতে, আমাদের গ্রেডল ফাইলে সার্কুলার ইমেজভিউ লাইব্রেরি যোগ করা উচিত যেমন নীচে দেখানো হয়েছে৷

apply plugin: 'com.android.application'
android {
   compileSdkVersion 28
   defaultConfig {
      applicationId "com.example.andy.myapplication"
      minSdkVersion 15
      targetSdkVersion 28
      versionCode 1
      versionName "1.0"
      testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
   }
   buildTypes {
      release {
         minifyEnabled false
         proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
      }
   }
}
dependencies {
   implementation fileTree(dir: 'libs', include: ['*.jar'])
   implementation 'com.android.support:appcompat-v7:28.0.0'
   implementation 'com.android.support.constraint:constraint-layout:1.1.3'
   testImplementation 'junit:junit:4.12'
   androidTestImplementation 'com.android.support.test:runner:1.0.2'
   implementation 'com.mikhaellopez:circularimageview:3.2.0'
   androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

ধাপ 3 - পরিবর্তিত প্রধান কার্যকলাপ ফাইল MainActivity.java এর বিষয়বস্তু নিম্নরূপ। এই ফাইলটিতে প্রতিটি মৌলিক জীবনচক্র পদ্ধতি অন্তর্ভুক্ত থাকতে পারে। আমরা একটি CircularImageView তৈরি করেছি activity_main.xml

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
}

পদক্ষেপ 4৷ − একটি CircularImageView অন্তর্ভুক্ত করার জন্য res/layout/activity_main.xml ফাইলের বিষয়বস্তু অনুসরণ করা হবে .

<?xml version = "1.0" encoding = "utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android = "http://schemas.android.com/apk/res/android"
xmlns:app = "http://schemas.android.com/apk/res-auto"
   xmlns:tools = "http://schemas.android.com/tools"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   tools:context = ".MainActivity">
<LinearLayout
   android:layout_width = "match_parent"
   android:gravity = "center_horizontal"
   android:orientation = "vertical"
   android:layout_height = "match_parent">
   <com.mikhaellopez.circularimageview.CircularImageView
      android:layout_width = "250dp"
      android:layout_height = "250dp"
      android:src = "@drawable/image"
      app:civ_border_color = "#EEEEEE"
      app:civ_border_width = "4dp"
      app:civ_shadow = "true"
      app:civ_shadow_radius = "10"
      app:civ_shadow_color = "#8BC34A"/>
   <TextView
      android:text = "Mohammad Mohtashim"
      android:layout_width = "match_parent"
      android:layout_height = "match_parent"
      android:layout_marginTop = "20dp"
      android:textSize = "20sp"
      android:textAlignment = "center"/>
</LinearLayout>
</android.support.constraint.ConstraintLayout>

উপরের লেআউটটি আমরা CircularImageView কে com.mikhaellopez.circularimageview.CircularImageView হিসাবে ঘোষণা করেছি এবং আইডি হিসাবে চিত্র হিসাবে অঙ্কনযোগ্য থেকে চিত্র যুক্ত করেছি।

আপনার অ্যাপ্লিকেশন চালানোর চেষ্টা করা যাক. আমি ধরে নিচ্ছি আপনি আপনার কম্পিউটারের সাথে আপনার আসল অ্যান্ড্রয়েড মোবাইল ডিভাইসটি সংযুক্ত করেছেন৷ অ্যান্ড্রয়েড স্টুডিও থেকে অ্যাপটি চালাতে, আপনার প্রোজেক্টের অ্যাক্টিভিটি ফাইলগুলির একটি খুলুন এবং টুলবার থেকে রান আইকনে ক্লিক করুন। একটি বিকল্প হিসাবে আপনার মোবাইল ডিভাইস নির্বাচন করুন এবং তারপরে আপনার মোবাইল ডিভাইসটি পরীক্ষা করুন যা আপনার ডিফল্ট স্ক্রীন প্রদর্শন করবে -

CircularImageView এর বৈশিষ্ট্যগুলি

• অ্যাপ:civ_border − এই বৈশিষ্ট্যটি সীমানা তৈরি করতে ব্যবহার করা হয় এবং ডিফল্ট মান সত্য

• অ্যাপ:civ_border_color − এই বৈশিষ্ট্যটি বর্ডার রঙ তৈরি করতে ব্যবহৃত হয় এবং ডিফল্ট রঙ সাদা

• অ্যাপ:civ_border_width − এই বৈশিষ্ট্যটি সীমানা প্রস্থ তৈরি করতে ব্যবহৃত হয় এবং ডিফল্ট মান হল 4dp

• অ্যাপ:civ_background_color − এই বৈশিষ্ট্যটি ব্যাকগ্রাউন্ড কালার তৈরি করতে ব্যবহার করা হয় এবং ডিফল্ট ব্যাকগ্রাউন্ড কালার সাদা

• অ্যাপ:civ_shadow − এই বৈশিষ্ট্যটি চিত্রের জন্য ছায়া তৈরি করতে ব্যবহৃত হয় এবং ডিফল্ট মানটি মিথ্যা, যদি ছায়ার প্রয়োজন হয় তবে আমাদের সত্য করতে হবে

• অ্যাপ:civ_shadow_color − এই বৈশিষ্ট্যটি ছবির জন্য ছায়া রঙ তৈরি করতে ব্যবহৃত হয় এবং ডিফল্ট মান কালো

• অ্যাপ:civ_shadow_radius − এই বৈশিষ্ট্যটি চিত্রের জন্য ছায়া ব্যাসার্ধ তৈরি করতে ব্যবহৃত হয় এবং ডিফল্ট মান হল 8.0f

• অ্যাপ:civ_shadow_gravity − এই বৈশিষ্ট্যটি চিত্রের জন্য ছায়া মাধ্যাকর্ষণ তৈরি করতে ব্যবহৃত হয় এবং ডিফল্ট মানটি নীচে।