Как установить изображения внутри макета на экране?

Question

Мне нужно поставить два изображения один под другим в центре экрана. Они должны быть в центре. изображения будут меняться в зависимости от кода, так как я могу заставить изображения работать на всех экранах без перемещения или увеличения или уменьшения размера?

Я пробовал использовать сетку, но кажется, что слишком много кода для двух изображений. он работает, но есть ли что-нибудь более эффективное?

Answer 1

Для этого типа дизайна я всегда создают центральную точку на экране, проверьте ниже код -

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

<ImageView 
    android:id="@+id/image1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/ic_launcher" 
    android:layout_centerHorizontal="true" 
    android:layout_above="@+id/center_point" /> 

<View 
    android:id="@+id/center_point" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_centerInParent="true"/> 

<ImageView 
    android:id="@+id/image2" 
    android:src="@drawable/ic_launcher" 
    android:layout_below="@+id/center_point" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" /> 

это, безусловно, работает.

Все лучшее

Answer 2

Если у вас всегда только два изображения, вы можете установить его в XML-файл, например, что:

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

    <ImageView 
     android:id="@+id/image1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" /> 

    <ImageView 
     android:id="@+id/image2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_alignParentBottom="true" /> 

</RelativeLayout> 

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

Удачи.

Answer 3

сделать вертикальный Linear-layout, содержащий оба ваших ImageView с, а затем установить равное layout_weight для них обоих. Установите layout_centerInParent верно для Linear_layout

<LinearLayout 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    android:id="@+id/lock_layout_keypad" 
    android:orientation="vertical" 
    android:layout_centerInParent="true" 
    android:layout_marginBottom="4dp"> 


    <ImageView 
     android:layout_weight="1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/imageView" 
     android:src="@drawable/ic_launcher" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" /> 

    <ImageView 
     android:layout_weight="1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/imageView2" 
     android:src="@drawable/ic_launcher" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" /> 

</LinearLayout> 

Вы можете удалить android:layout_weight.

Answer 4

Здесь этот код может помочь вам. Вы должны создать один LinearLayout и установить его вертикальную ориентацию и layout_gravity = center horizontal. После этого создайте два изображения, которые автоматически позиционируются в центре экрана один ниже другого. Я надеюсь, что это будет help you.Happy кодирование :)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:layout_gravity="center_horizontal"> 


    <ImageView 
     android:id="@+id/image_view_two" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_launcher" 
     /> 

    <ImageView 
     android:id="@+id/image_view_one" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_launcher" /> 
</LinearLayout>