대단한 TapTargetView

TapTargetView는 무엇입니까?



이런 식으로 Android 앱의 기능과 버튼 설명을 세련되게 소개할 수 있는 라이브러리입니다. (배포원으로부터 전재)


이렇게 하면 어떤 기능이 어떤 버튼을 누르면 사용할 수 있는지 사용자가 직관적으로 이해할 수 있습니다.

다음 GitHub 리포지토리에서 배포 중



도입 방법



app 아래의 build.gradle에 다음 정의를 추가하기 만하면됩니다. 간단.

build.gradle
   repositories { 
        jcenter()
   }

   dependencies {
         implementation 'com.getkeepsafe.taptargetview:taptargetview:1.12.0'
   }

사용법



내가 만든 SUBWAY 시뮬레이터 (서브웨이 샌드위치 레시피를 만들어 저장하는 앱)에서도 처음 시작할 때이 TapTargetView를 사용한 튜토리얼을 구현하고 있습니다.
이번에는 그 코드를 살펴 보겠습니다. (언어는 Kotlin입니다)

MainActivity.kt
//シーケンスに実行したい場合はTapTargetSequenceを使用
val sequence = TapTargetSequence(this) //Activityの指定(今いるActivityならthis)
        .targets(
                TapTarget.forView(findViewById<View>(R.id.create), "まずはこちらのボタンを押してレシピを作成しましょう!") //Target対象のView(第一引数)とタイトルテキスト(第二引数)を入力
                        //以下オプション
                        .outerCircleColor(R.color.colorPrimary) //外円の色
                        .titleTextColor(android.R.color.white) //タイトルテキストの色
                        .drawShadow(true) //影の有無
                        .outerCircleAlpha(0.97f) //外円の透過度
                        .cancelable(false) //外円の外を押したらキャンセルできるかどうかの指定
                        .tintTarget(false) //Target Viewに色をつけるかどうかの指定
                        .id(1), //シーケンスID(順序性の指定)
                TapTarget.forToolbarOverflow(toolbar, "操作方法を忘れた場合はこちらをクリック!", "もう一度チュートリアルを見ることができます。") //第三引数は説明テキスト
                        .outerCircleColor(R.color.colorAccent)
                        .titleTextColor(android.R.color.white)
                        .descriptionTextColor(android.R.color.white) //説明テキストの色指定
                        .descriptionTextAlpha(1.0f) //説明テキストの透過度指定
                        .drawShadow(true)
                        .outerCircleAlpha(0.97f)
                        .cancelable(true)
                        .id(2)
         )
sequence.start() //実行

위 이외의 옵션도 있으며 배포 소스에서 확인할 수 있습니다.

실행하면 ...



이런 느낌↓


끝에



간편하게 세련된 느낌이 나오므로, 흥미가 있는 분은 시험해 보세요.

좋은 웹페이지 즐겨찾기