2016-02-25 10 views
6

フローティングアクションボタンの上部にテキストビューを表示しようとしています。 、私が追加したこのanswerによるフローティングアクションボタンは常に上に表示されます

<FrameLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|start" 
    android:padding="@dimen/fab_margin"> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fabAddSeller" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     app:backgroundTint="#3780f4" 
     android:stateListAnimator="@null"/> 

    <TextView 
     android:id="@+id/tvSellRecordCount" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="@drawable/sell_record_counter" 
     android:layout_gravity="top|end" 
     android:text="12" 
     android:textColor="#FFFFFF" 
     android:textSize="10sp" /> 

</FrameLayout> 

アンドロイド::でframeLayoutの内部では、私は1 FABと1つのTextViewを持っているstateListAnimator = "@ヌル" FABへ

- なし差。 FABの後にTextViewを配置しました。効果はありません。 FloatingActionButtonの上に別のビューを表示する方法

enter image description here

? Androidのメーカーで

+0

チェックにこのHTTPを追加するために始めた

: //stackoverflow.com/questions/24459352/how-can-i-add-the-new-floating-actio Nボタン2ウィジェット間レイアウト – Stallion

+1

標高はオプションですか?あなたのminSdkはどちらか分かりません – W0rmH0le

+1

RelativeLayoutを使用してください! TextViewプロパティを設定してみてください** android:layout_above = "@ id/fabAddSeller" ** –

答えて

9

、私はテキストビューへの昇格を追加した後に修正することができます:

android:elevation="6dp" 

をFABは、標高の5DPを持っているようです。

ただし、API> = 21で標高が利用できるため、これが完全に機能するかどうかはわかりません。

実際のデバイスでいくつかのテストを行うようにしてください...

はたぶん、android:stateListAnimator="@null"は、実際のデバイス/エミュレータで十分です。

UPDATEapp:elevationを追加した後、この修正プログラムは、古いAPIで動作するだけでなく

app:elevation="6dp" 
android:elevation="6dp" 
2

置き換えでframeLayoutをRelativeLayoutとし、

<android.support.design.widget.FloatingActionButton 
     ... 
     android:layout_below="@+id/tvSellRecordCount" 
     ... 
     /> 
関連する問題