与TextView的浮动操作按钮旁边它

问题描述：

我婉与textview创建浮动操作按钮旁边它。我试图everything.Here是什么，我想与TextView的浮动操作按钮旁边它

下面的截图是代码，我试过

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/floatingActionButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="@dimen/floatingactionbuttonmargin" 
     android:layout_marginTop="@dimen/floatingactionbuttonmargin" 
     android:src="@mipmap/menu" 
     app:backgroundTint="@android:color/holo_red_light" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="30dp" 
     android:background="@drawable/roundedcorner" 
     android:text=" MENU" 
     android:textColor="@android:color/white" 
     android:textSize="10sp" 
     android:layout_marginTop="@dimen/floatingactionbuttonmargin" 
     android:layout_marginLeft="50dp" 
     />

我正在使用RelativeLayout。请帮助

你想要发生什么？FloatingActionButton应该在TextView之上？ – Anonymous

@匿名是的，它应该和屏幕截图一样。 –

答

请你可以尝试这样的..希望它会帮助你

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
    android:layout_marginRight="50dp" 
     app:srcCompat="@android:drawable/ic_dialog_email"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentBottom="true" 
     android:text="Menu" 
     android:layout_margin="@dimen/fab_margin"/> 
    </RelativeLayout>

答

试试这个

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:orientation="vertical"> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/fab_button"/> 

    <TextView 
     android:id="@+id/tv1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:textSize="35dp" 
     android:background="@color/colorAccent" 
     android:layout_toEndOf="@id/fab_button" 
     android:text="Rathod Nilesh" /> 


</RelativeLayout>

答

这是很容易实现与CoordinatorLayout。我使用线性布局来获得与屏幕截图相同的结果。

这里是得到它做到这一点的代码块：我使用了自定义绘制为我的晶圆厂

<android.support.design.widget.CoordinatorLayout> 

<android.support.design.widget.AppBarLayout> 

    <android.support.v7.widget.Toolbar> 

    </android.support.v7.widget.Toolbar> 

    <android.support.design.widget.TabLayout 
     /> 
</android.support.design.widget.AppBarLayout> 



<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|end" 
    android:layout_margin="@dimen/fab_margin"> 


    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     app:srcCompat="@drawable/ic_add_white_24dp" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_marginLeft="-20dp" 
     android:background="@drawable/red_button_background" 
     android:paddingBottom="@dimen/margin_small" 
     android:paddingLeft="@dimen/margin_large" 
     android:paddingRight="@dimen/margin_small" 
     android:paddingTop="@dimen/margin_small" 
     android:text="Menu" /> 
</LinearLayout>

和我TextView的自定义背景。当然，您可以根据需要更换这些部件。

这是结果。

如果你是热衷于使用的RelativeLayout只需添加

android:layout_toRightOf="@id/fab" 
android:layout_centerVertical="true"

到TextView的。结果应该是一样的。

答

这里您的解决方案

尝试这个

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 


    <LinearLayout 
     android:layout_width="match_parent" 
     android:orientation="horizontal" 
     android:layout_height="wrap_content"> 

     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab_add_my_album_listing" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="@dimen/fab_margin" 
      app:srcCompat="@drawable/ic_new_plus" /> 


     <TextView 
      android:layout_toRightOf="@+id/fab_add_my_album_listing" 
      android:layout_width="wrap_content" 
      android:layout_marginLeft="-30dp" 
      android:background="@drawable/btn_round" 
      android:paddingTop="5dp" 
      android:paddingRight="5dp" 
      android:paddingBottom="5dp" 
      android:text="Menu" 
      android:paddingLeft="20dp" 
      android:textStyle="bold" 
      android:textColor="#FAFAFA" 
      android:layout_gravity="center_vertical" 
      android:layout_height="wrap_content" /> 

    </LinearLayout> 

</RelativeLayout>

drawable.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:padding="10dp" 
    android:shape="rectangle"> 
    <solid android:color="#FFFF3141" /> 
    <corners 
     android:bottomLeftRadius="15dp" 
     android:bottomRightRadius="15dp" 
     android:topLeftRadius="15dp" 
     android:topRightRadius="15dp" /> 
</shape>

与TextView的浮动操作按钮旁边它

相关推荐