centerInParent кнопка в RelativeLayout, завернутая в ScrollView

Question

У меня есть центр кнопки в RelativeLayout и два изображения под кнопкой. У меня есть два вопроса, когда я обернуть RelativeLayout в ScrollView:

• кнопка теперь сосредоточенные в RelativeLayout включая прокрутку часть. Это не то, что я хочу, я хочу держать его в центре экрана, который я вижу без прокрутки.

• мои изображения, расположенные ниже моего центра. Кнопка «Больше» больше не находится под кнопкой. Он работает так, как если бы кнопка находилась в верхнем левом углу.

Так изображения ниже белого пространства в верхней части, как если кнопка была там, а кнопка находится в центре моего расположения, но не так как я хочу, чтобы это было: D

Вот мой код:

<ScrollView 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:layout_centerInParent="true" 
     android:layout_marginBottom="16dp" 
     android:background="#E74E4C" 
     android:paddingLeft="24dp" 
     android:paddingRight="24dp" /> 

    <ImageView 
     android:id="@+id/imageone" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:layout_below="@id/button" 
     android:layout_margin="16dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/myimage" /> 

    <ImageView 
     android:id="@+id/imagetwo" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:layout_below="@id/imageone" 
     android:layout_margin="16dp" 
     android:scaleType="centerCrop" 
     android:src="@drawable/myimagetwo" /> 

</RelativeLayout> 

</ScrollView> 

вы видите, что это не так? Для информации я намерен добавить нижнюю панель навигации.

Вот что я хочу, и что я получаю:

Answer 1

Программно укажите topMargin, основываясь на соотношении, и все готово! Если вы хотите отрегулировать, вы можете изменять значения, не имеет значения, какой экран он отображает, будет отображаться одинаковое соотношение.

Вот мой XML небольшое отличается от вашей - (изменить идентификаторы я просто добавить те)

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rel" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#000" 
    android:gravity="center_horizontal"> 

    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_alignParentBottom="true" 
      android:gravity="center" 
      android:orientation="vertical"> 

      <RelativeLayout 

       android:id="@+id/lin" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="vertical"> 

       <Button 
        android:id="@+id/button" 
        android:layout_width="wrap_content" 
        android:layout_height="50dp" 
        android:layout_alignParentBottom="true" 
        android:layout_marginBottom="16dp" 
        android:background="#E74E4C" 
        android:gravity="bottom" 
        android:paddingLeft="24dp" 
        android:paddingRight="24dp" /> 
      </RelativeLayout> 

      <ImageView 
       android:id="@+id/imageone" 
       android:layout_width="match_parent" 
       android:layout_height="250dp" 
       android:layout_margin="16dp" 
       android:background="#FFF" 
       android:scaleType="centerCrop" /> 

      <ImageView 
       android:id="@+id/imagetwo" 
       android:layout_width="match_parent" 
       android:layout_height="250dp" 
       android:layout_margin="16dp" 
       android:background="#7823" 
       android:scaleType="centerCrop" /> 


     </LinearLayout> 

    </ScrollView> 

</LinearLayout> 

код

private int screenHeight; 
    private int screenWidth; 
    private RelativeLayout relativeLayout; 


    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.web); 
     relativeLayout =(RelativeLayout) findViewById(R.id.lin); 


     Display display = getWindowManager().getDefaultDisplay(); 
     Point size = new Point(); 
     display.getSize(size); 
     screenHeight = size.y; 
     screenWidth = size.x; 

     LinearLayout.LayoutParams relBtn = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
     relBtn.topMargin = ((1920/2) *screenHeight/1920); // ratio based mine height is 1920 so to get it to middle i give half height, will be same in your mobiles too , you can change 1920/2 as you like 
     relativeLayout.setLayoutParams(relBtn); 


    } 

---

то же самое с RelativeLayout.LayoutParams

XML:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <RelativeLayout 
     android:gravity="center" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentBottom="true" 
     android:orientation="vertical"> 

     <TextView 
      android:id="@+id/tv" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:text="HELLO" 
      android:textColor="#FFF" 
      android:textSize="20dp" /> 

     <RelativeLayout 
      android:id="@+id/lin" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:gravity="center"> 

      <Button 
       android:id="@+id/button" 
       android:layout_width="wrap_content" 
       android:layout_height="50dp" 

       android:layout_alignParentBottom="true" 
       android:layout_marginBottom="16dp" 
       android:background="@color/colorPrimaryDark" 
       android:gravity="bottom" 
       android:paddingLeft="24dp" 
       android:paddingRight="24dp" /> 
     </RelativeLayout> 

     <ImageView 
      android:id="@+id/imageone" 
      android:layout_width="match_parent" 
      android:layout_height="250dp" 
      android:layout_below="@+id/lin" 
      android:layout_margin="16dp" 
      android:background="@drawable/girl" 
      android:scaleType="fitXY" /> 

     <ImageView 
      android:id="@+id/imagetwo" 
      android:layout_width="match_parent" 
      android:layout_height="250dp" 
      android:layout_below="@+id/imageone" 
      android:layout_margin="16dp" 
      android:background="@drawable/amanda" 
      android:scaleType="fitXY" /> 


    </RelativeLayout> 

</ScrollView> 

Код:

private int screenHeight; 
    private int screenWidth; 
    private TextView textView; 
    private RelativeLayout relativeLayout; 


    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.web); 
     relativeLayout =(RelativeLayout) findViewById(R.id.lin); 
     textView =(TextView) findViewById(R.id.tv); 


     Display display = getWindowManager().getDefaultDisplay(); 
     Point size = new Point(); 
     display.getSize(size); 
     screenHeight = size.y; 
     screenWidth = size.x; 


     RelativeLayout.LayoutParams tv = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
     tv.addRule(RelativeLayout.CENTER_HORIZONTAL); 
     tv.topMargin = ((100)*screenHeight/1920); // ratio based mine height is 1920 so to get it to middle i give half height, will be same in your mobiles too , you can change 1920/2 as you like 
     textView.setLayoutParams(tv); 

     RelativeLayout.LayoutParams relBtn = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); 
     relBtn.addRule(RelativeLayout.CENTER_HORIZONTAL); 
     relBtn.topMargin = ((1920/2 - 100) *screenHeight/1920); // ratio based mine height is 1920 so to get it to middle i give half height, will be same in your mobiles too , you can change 1920/2 as you like 

     relativeLayout.setLayoutParams(relBtn); 




    } 

выход:

Answer 2

В конце концов, мне удалось получить это, заменить с вашими ценностями:

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

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent"> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:background="#E74E4C" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="167dp" /> 


    <ImageView 
     android:id="@+id/imagetwo" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:layout_below="@id/button" 
     android:layout_margin="16dp" 
     android:scaleType="centerCrop" 
     android:src="@mipmap/ic_launcher" /> 


    <ImageView 
     android:id="@+id/imageone" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:layout_below="@id/imagetwo" 
     android:layout_margin="16dp" 
     android:scaleType="centerCrop" 
     android:src="@mipmap/ic_launcher" /> 

</RelativeLayout> 

</ScrollView> 

Answer 3

ИЛИ

Try это с 2 макетами:

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

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="300dp" 
     android:id="@+id/rl"> 

     <Button 
      android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="50dp" 
      android:background="#E74E4C" 
      android:layout_alignParentBottom="true" 
      android:layout_centerHorizontal="true" 
      android:layout_marginBottom="71dp" /> 
    </RelativeLayout> 


    <ImageView 
     android:id="@+id/imagetwo" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:layout_below="@id/rl" 
     android:layout_margin="16dp" 
     android:scaleType="centerCrop" 
     android:src="@mipmap/ic_launcher" /> 


    <ImageView 
     android:id="@+id/imageone" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:layout_below="@id/imagetwo" 
     android:layout_margin="16dp" 
     android:scaleType="centerCrop" 
     android:src="@mipmap/ic_launcher" /> 





</RelativeLayout> 

</ScrollView>