Button Position kann nicht korrekt platziert werden

Question

Ich entwickle eine Android-App, aber Tasten können nicht richtig positioniert werden. Ich benutze layout_width="match_parent", aber es geht auf die rechte Seite. layout_gravity= "center" ist auch gleich.

<LinearLayout 
android:layout_width="368dp" 
android:layout_height="495dp" 
android:orientation="vertical" 
    tools:layout_editor_absoluteY="8dp" 
    tools:layout_editor_absoluteX="8dp"> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:scaleType="centerInside" 
     android:id="@+id/imgView" 
     /> 

    <mehdi.sakout.fancybuttons.FancyButton 
     android:id="@+id/btn_spotify" 
     android:layout_width="match_parent" 
     android:layout_height="45dp" 
     android:paddingBottom="10dp" 
     android:paddingLeft="20dp" 
     android:paddingRight="20dp" 
     android:paddingTop="10dp" 
     fancy:fb_textSize="20dp" 
     android:layout_gravity="center_vertical" 
     fancy:fb_borderColor="#FFFFFF" 
     fancy:fb_iconResource="@drawable/ic_image_black_24dp" 
     fancy:fb_borderWidth="1dp" 
     fancy:fb_defaultColor="#6495ED" 
     fancy:fb_focusColor="#9bd823" 

     fancy:fb_iconPosition="left" 
     fancy:fb_radius="10dp" 
     fancy:fb_text="LOAD PICTURE" 
     fancy:fb_textColor="#FFFFFF" /> 

    <ru.dimorinny.floatingtextbutton.FloatingTextButton 
     android:id="@+id/action_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     app:floating_background_color="@color/colorPrimary" 
     app:floating_icon="@drawable/ic_image_black_24dp" 
     app:floating_title="Load Picture" 
     app:floating_title_color="@android:color/white" /> 


    <Button 
     android:layout_below="@+id/buttonLoadPicture" 
     android:foregroundGravity="center_horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="PROCESS" 
     android:scaleType="centerInside" 
     android:id="@+id/btn_process" 
     /> 
    <Button 
     android:layout_below="@+id/btn_process" 
     android:foregroundGravity="center_horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Next Page" 
     android:scaleType="centerInside" 
     android:id="@+id/btn_next" 
     /> 
    <TextView 
     android:layout_below="@+id/btn_process" 
     android:foregroundGravity="center_horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="NO TEXT" 
     android:textSize="18sp" 
     android:scaleType="centerInside" 
     android:id="@+id/textview_result" 
     /> 


    </LinearLayout> 

Also, wie kann ich es beheben? Ich möchte den Knopf richtige Position setzen & wird es für alle Android-Handy gleich sein.

Answer 1

Ändern Sie die Breite der Hauptmutter Layout Linearlayout Breite Match_Parent und entfernen tools:layout_editor_absoluteY="8dp" und tools:layout_editor_absoluteX="8dp"

Edit:

Da diese LinearLayout unter ConstraintLayout ist. Sie müssen app:layout_constraintLeft_toLeftOf und app:layout_constraintRight_toRightOf Eigenschaft zuweisen.

<LinearLayout 
      android:id="@+id/toolbar" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      app:layout_constraintLeft_toLeftOf="parent" 
      app:layout_constraintRight_toRightOf="parent" 
      app:layout_constraintTop_toTopOf="parent" /> 

Answer 2

Sie geben Ihrem linearen LinearLayout eine feste Höhe und Breite. Entweder versuchen

<LinearLayout 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical"> 

oder gehen Sie mit einem relativen Layout.

Answer 3

Set Parent Linear Layout Breite android:layout_width="match_parent" und android:gravity="center_horizontal"

<LinearLayout 
    tools:layout_editor_absoluteX="8dp" 
    tools:layout_editor_absoluteY="8dp" 
    android:layout_width="match_parent" 
    android:layout_height="495dp" 
    android:gravity="center_horizontal" 
    android:orientation="vertical"> 

    <ImageView 
     android:id="@+id/imgView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:scaleType="centerInside" /> 

    <mehdi.sakout.fancybuttons.FancyButton 
     android:id="@+id/btn_spotify" 
     android:layout_width="match_parent" 
     android:layout_height="45dp" 
     android:layout_gravity="center_vertical" 
     android:paddingBottom="10dp" 
     android:paddingLeft="20dp" 
     android:paddingRight="20dp" 
     android:paddingTop="10dp" 
     fancy:fb_borderColor="#FFFFFF" 
     fancy:fb_borderWidth="1dp" 
     fancy:fb_defaultColor="#6495ED" 
     fancy:fb_focusColor="#9bd823" 
     fancy:fb_iconPosition="left" 
     fancy:fb_iconResource="@drawable/ic_image_black_24dp" 

     fancy:fb_radius="10dp" 
     fancy:fb_text="LOAD PICTURE" 
     fancy:fb_textColor="#FFFFFF" 
     fancy:fb_textSize="20dp" /> 

    <ru.dimorinny.floatingtextbutton.FloatingTextButton 
     android:id="@+id/action_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     app:floating_background_color="@color/colorPrimary" 
     app:floating_icon="@drawable/ic_image_black_24dp" 
     app:floating_title="Load Picture" 
     app:floating_title_color="@android:color/white" /> 


    <Button 
     android:id="@+id/btn_process" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/buttonLoadPicture" 
     android:foregroundGravity="center_horizontal" 
     android:scaleType="centerInside" 
     android:text="PROCESS" /> 

    <Button 
     android:id="@+id/btn_next" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/btn_process" 
     android:foregroundGravity="center_horizontal" 
     android:scaleType="centerInside" 
     android:text="Next Page" /> 

    <TextView 
     android:id="@+id/textview_result" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/btn_process" 
     android:foregroundGravity="center_horizontal" 
     android:scaleType="centerInside" 
     android:text="NO TEXT" 
     android:textSize="18sp" /> 


</LinearLayout> 

Answer 4

wenn Ihr Linearlayout ist unter ConstraintLayout Verwendung dieses

app:layout_constraintLeft_toLeftOf="parent" 
app:layout_constraintRight_toRightOf="parent" 
app:layout_constraintTop_toTopOf="parent"