überlappende Tasten

Question

Ich mag dieses Tasten-Layout

i

  <RelativeLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_weight="0.5" 
       android:lay="10dp"> 
       <View android:id="@+id/strut" 
        android:layout_width="0dp" 
        android:layout_height="0dp" 
        android:layout_centerHorizontal="true"/> 

       <Button 
        android:id="@+id/button4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignRight="@id/strut" 
        android:layout_alignParentLeft="true" 
        android:background="@drawable/notificacion_desactivado" /> 
       <Button 
        android:id="@+id/button6" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignLeft="@id/strut" 
        android:layout_alignParentRight="true" 
        android:background="@drawable/alarma_desactivada" /> 
       <Button 
        android:id="@+id/button5" 
        android:layout_width="100dp" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="dp" 

        android:background="@drawable/icono_notificacion_suelto" /> 

      </RelativeLayout> 

tat zu schaffen, und ich habe jetzt so etwas wie diese: aber nicht wissen, wie die zentralen zu machen Um das relative Layout zu überlappen, habe ich Rand und Padding verwendet, kann aber die Schaltfläche nicht über das Layout bewegen.

Answer 1

So können Sie dies mit einem ConstraintLayout tun. Platzieren Sie die zwei Tasten, die unterhalb der 3. Taste innerhalb einer LinearLayout erscheinen müssen, und legen Sie die 3. Taste entsprechend fest.

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:id="@+id/buttonLayout" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="38dp" 
     android:layout_marginEnd="8dp" 
     android:layout_marginStart="8dp" 
     android:orientation="horizontal" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintStart_toStartOf="parent"> 

     <Button 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1"/> 

     <Button 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 

    </LinearLayout> 

    <Button 
     android:layout_width="50dp" 
     android:layout_height="50dp" 
     app:layout_constraintEnd_toEndOf="@id/buttonLayout" 
     app:layout_constraintStart_toStartOf="@id/buttonLayout" 
     app:layout_constraintBottom_toBottomOf="@id/buttonLayout" 
     app:layout_constraintTop_toTopOf="@id/buttonLayout" 
     android:layout_marginBottom="30dp" 
     android:background="@color/colorAccent"/> 

</android.support.constraint.ConstraintLayout> 

Dies ist, wie die Ausgabe wie

Ändern Sie den Wert android:layout_marginBottom aussehen wird die 3. Taste nach oben oder unten zu bewegen.

Hoffe, das hilft!

Answer 2

This code works for me :) 
<RelativeLayout android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <View android:id="@+id/strut" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_centerHorizontal="true"/> 

    <Button 
     android:id="@+id/button4" 
     android:layout_width="wrap_content" 
     android:layout_height="60dp" 
     android:layout_alignRight="@id/strut" 
     android:layout_alignParentLeft="true" 
     android:background="@color/text_gray" /> 
    <Button 
     android:id="@+id/button6" 
     android:layout_width="wrap_content" 
     android:layout_height="60dp" 
     android:layout_alignLeft="@id/strut" 
     android:layout_alignParentRight="true" 
     android:background="@color/red" /> 
    <Button 
     android:id="@+id/button5" 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:layout_centerHorizontal="true" 
     android:background="@drawable/app_logo_main" /> 

</RelativeLayout>