버튼 위(아래, 왼쪽, 오른쪽)에 툴팁(메뉴, 말풍선) 만들기

아래 사이트를 참고해서 기능을 구현했다.

https://github.com/skydoves/Balloon

skydoves/Balloon

사용방법은 다음과 같다

1. build.gradle에 추가

dependencies {
    implementation "com.github.skydoves:balloon:1.1.0"
}

2. 액티비티에 추가

balloon = new Balloon.Builder(this)
                .setArrowSize(10)
                .setIconDrawable(ContextCompat.getDrawable(this, R.drawable.arrow))
                .setBackgroundColor(ContextCompat.getColor(this, R.color.colorPrimary))
                .setArrowOrientation(ArrowOrientation.BOTTOM)
                .setArrowPosition(0.5f)
                .setArrowVisible(true)
                .setWidthRatio(0.5f)
                .setHeight(65)
                .setTextSize(10f)
                .setCornerRadius(4f)
                .setAlpha(0.9f)
                .setText("먼저 오픈채팅을 생성하셨나요?")
                .setBalloonAnimation(BalloonAnimation.FADE)
                .build();

3. 보여줄 View와 위치설정

balloon.showAlignTop(newChatButton);

Ballon에 사용되는 메소드들은 참고 페이지에 다 있지만 간단하게 저가 쓴것만 정리해보겠습니다.

.setAlpha : 배경의 밝기를 조절

.setArrowOrientation : 화살표가 나오는 방향