ボタンの位置を正しく配置できません

Question

アンドロイドアプリを開発中ですが、ボタンを正しい位置に配置することはできません。私はlayout_width="match_parent"を使用しますが、右側に行く予定です。 layout_gravity= "center"も同じです。

<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> 

それでは、どのように私はそれを修正することができますか？私は正しい位置にボタンを配置したい&それはすべてのアンドロイドの携帯電話のために同じになります。

Answer 1

変更メインの親のレイアウトの幅LinearlayoutMatch_Parentに幅と削除tools:layout_editor_absoluteY="8dp"とtools:layout_editor_absoluteX="8dp"

編集：このLinearLayoutとして

がConstraintLayoutの下にあります。 app:layout_constraintLeft_toLeftOfと app:layout_constraintRight_toRightOfプロパティを割り当てる必要があります。

<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

親LinearLayoutの高さと幅を固定しています。どちらか試してみてください

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

またはrelativelayoutと一緒に行ってください。

Answer 3

設定親リニアレイアウト幅android:layout_width="match_parent"へと

<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

あなたのLinearLayoutが、これは

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