12. 【Android/Kotlin】丸いイメージ（CircleImageView）

#はじめに
DreamHanksのMOONです。

前回はToastという通知メッセージについて説明ししました。
11. 【Android/Kotlin】Toast

今回はCircleImageViewという外部ライブラリを使用していきます。

ライブラリを追加する方法については下記のリンクで確認してください。
10. 【Android/Kotlin】ライブラリを追加

#CircleImageViewとは
皆さんはラインや他のアプリで丸い写真のイメージを見たことがあると思います。

それがCircleImageViewで変換されたイメージです。

CircleImageViewは原本のイメージを丸いイメージに変換してくれるImageViewのライブラリです。

#CircleImageView追加

・CircleImageViewのライブラリを追加

buile.gradleにのdependenciesに下記のコードを追加

    implementation 'de.hdodenhof:circleimageview:3.1.0'

・Activityを作成

CircleImageViewActivity.kt

package com.example.practiceapplication

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.*

class CircleImageViewActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_circleimageview)

    }

}

・レイアウトのxmlファイルを作成

activity_circleimageview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".CircleImageViewActivity"
    android:gravity="center">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="原本のイメージ"/>

    <ImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:id="@+id/org_iv"
        android:src="@drawable/dreamhanks"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="丸いイメージ"/>

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:src="@drawable/dreamhanks"
        android:id="@+id/circle_iv"/>
</LinearLayout>

CircleImageViewのViewタグを追加します。

#アプリ起動

#終わりに
今回はCircleImageViewという外部ライブラリを使用してみました。

次回はHandlerについて説明し、Handlerで画面遷移を遅延してみます。
13. 【Android/Kotlin】Handler（画面遷移を遅延）

最新内容については下記のリンク（DreamHanksのブログ）で確認することができます。
DreamHanksブログ（Android/Kotlinアプリ開発）