대단한 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() //実行
위 이외의 옵션도 있으며 배포 소스에서 확인할 수 있습니다.
실행하면 ...
이런 느낌↓
끝에
간편하게 세련된 느낌이 나오므로, 흥미가 있는 분은 시험해 보세요.
Reference
이 문제에 관하여(대단한 TapTargetView), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/hammer0802/items/b17afe4ee25bc3c3723b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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() //実行
위 이외의 옵션도 있으며 배포 소스에서 확인할 수 있습니다.
실행하면 ...
이런 느낌↓
끝에
간편하게 세련된 느낌이 나오므로, 흥미가 있는 분은 시험해 보세요.
Reference
이 문제에 관하여(대단한 TapTargetView), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/hammer0802/items/b17afe4ee25bc3c3723b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
//シーケンスに実行したい場合は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() //実行
간편하게 세련된 느낌이 나오므로, 흥미가 있는 분은 시험해 보세요.
Reference
이 문제에 관하여(대단한 TapTargetView), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hammer0802/items/b17afe4ee25bc3c3723b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)