All Your Baseの日記

モバイルアプリを開発しています。

【Android】CircleImageViewで画像を丸く切り抜く

f:id:ayb:20171029125651j:plain

Androidで画像を丸く切り抜きたい時に便利なのが、「CircleImageView」というライブラリです。使い方も簡単なので、ちょっと紹介してみます。

まずは導入ですが、app/build.gradleに1行書いて、SyncしたらプロジェクトにCirleImageViewが追加されます。

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:25.3.1'
    compile 'com.android.support.constraint:constraint-layout:1.0.2'
    testCompile 'junit:junit:4.12'

    //追加
    compile 'de.hdodenhof:circleimageview:2.1.0'
}

あとはImageViewをCircleImageViewに置き換えるだけです。support.v4.widget.CircleImageViewというのもあるんですけど、これは使えないです。間違えないように気をつけましょう。

<de.hdodenhof.circleimageview.CircleImageView
    android:src="@drawable/sample"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

circleimageviewで画像を丸く切り抜く

これだけで画像を丸く切り抜くことができました。