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

はじめに
CircleImageViewとは
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'

				1

						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)

    }

}

				
					
				1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

						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"?-->

				1

						<!--?xml version="1.0" encoding="utf-8"?-->

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

アプリ起動

終わりに

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

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