AndroidでCircularImageViewを作成するにはどうすればよいですか？

この例では、CircularImageViewを作成する方法について説明します。 アンドロイドで。

ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。

ステップ2 -サーキュラービューを作成するには、以下に示すように、gradleファイルにCircularImageViewライブラリを追加する必要があります。

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 = "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">
<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として宣言し、idがimageであるためdrawableから画像を追加しました。

アプリケーションを実行してみましょう。実際のAndroidモバイルデバイスをコンピューターに接続していると思います。 android studioからアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[実行]アイコンをクリックします。オプションとしてモバイルデバイスを選択し、デフォルトの画面を表示するモバイルデバイスを確認します-

CircularImageViewのプロパティ

• app：civ_border −このプロパティは境界線を作成するために使用され、デフォルト値はtrueです

• app：civ_border_color −このプロパティは境界線の色を作成するために使用され、デフォルトの色は白です

• app：civ_border_width −このプロパティは境界線の幅を作成するために使用され、デフォルト値は4dp

• app：civ_background_color −このプロパティは背景色を作成するために使用され、デフォルトの背景色は白です

• app：civ_shadow −このプロパティは、画像の影を作成するために使用され、デフォルト値はfalseです。必要な場合、影をtrueにする必要があります

• app：civ_shadow_color −このプロパティは、画像の影の色を作成するために使用され、デフォルト値は黒です

• app：civ_shadow_radius −このプロパティは、画像の影の半径を作成するために使用され、デフォルト値は8.0fです

• app：civ_shadow_gravity −このプロパティは、画像の影の重力を作成するために使用され、デフォルト値は下です。