2017-09-22 3 views
3

타사 라이브러리를 사용하지 않고 플로팅 액션 버튼의 레이블 (예 : enter image description here)을 표시 할 수 있습니까? 내 fab 용 안드로이드 지원 라이브러리를 사용하고 있으며 레이블을 표시 할 수 있는지 알고 싶습니다.플로팅 작업 버튼의 라벨

FAB에 대한 나의 코드는 다음과 같습니다 : 내가 어떤 메뉴 단지 FAB을 사용하지 않는

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab_visitdetail" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="16dp" 
     android:src="@drawable/right_arrow"/> 

.

답변

4

당신은 코드를 아래와 같이 사용할 수있는이

<FrameLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|right"> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab_visitdetail" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="16dp" 
     android:src="@drawable/right_arrow"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:text="Compose" 
     android:elevation="16dp" 
     android:textColor="@android:color/white" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 
</FrameLayout> 
+0

이것은 좋지만 FAB 만 화면에 나타납니다. –

+0

이것은 코드를 제거하는 코드를 다시 정렬 할 수있는 방법에 대한 예제 일뿐입니다. –

+0

전체 레이아웃을 넣어주세요. 도움을 드릴 수 있습니다. –

1

같은 것을 시도;

<RelativeLayout 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" > 

<android.support.design.widget.FloatingActionButton 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/fab" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
app:backgroundTint="#00fff0" 
app:borderWidth="0dp" 
android:elevation="0dp" 
app:fabSize="normal" /> 

<TextView 
android:layout_toRightOf="@+id/fab" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:textColor="#000000" 
android:text="Compose"/> 

</RelativeLayout> 
관련 문제