Lino Jeremy N

IT12S2

Activity_Main

Portrait
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:baselineAligned="false"
tools:context=".MainActivity" >

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#E07A5F"
>

<ImageView
android:id="@+id/ivPreview"
android:layout_width="200dp"
android:layout_height="260dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:contentDescription="@string/preview"
android:background="#FFF" />

</RelativeLayout>

<HorizontalScrollView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginTop="15dp"
android:background="#81B29A">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal" >

<ImageView
android:id="@+id/sekyung12"
android:layout_width="139dp"
android:layout_height="210dp"
android:layout_marginRight="10dp"
 android:contentDescription="@string/sekyung12"
android:onClick="changeImage"
android:src="@drawable/sekyung12" />

<ImageView
android:id="@+id/sekyung13"
android:layout_width="135dp"
android:layout_height="198dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/sekyung13"
android:onClick="changeImage"
android:src="@drawable/sekyung13" />

<ImageView
android:id="@+id/sekyung14"
android:layout_width="135dp"
android:layout_height="198dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/sekyung14"
android:onClick="changeImage"
android:src="@drawable/sekyung14" />

<ImageView
android:id="@+id/sekyung"
android:layout_width="135dp"
android:layout_height="198dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/sekyung"
android:onClick="changeImage"
android:src="@drawable/sekyung" />

<ImageView
android:id="@+id/sekyung1"
android:layout_width="135dp"
android:layout_height="198dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/sekyung1"
android:onClick="changeImage"
android:src="@drawable/sekyung1" />

<ImageView
android:id="@+id/sekyung2"
android:layout_width="135dp"
android:layout_height="198dp"
android:layout_marginRight="10dp"
android:contentDescription="@string/sekyung2"
android:onClick="changeImage"
android:src="@drawable/sekyung2" />

</LinearLayout>
</HorizontalScrollView>
</LinearLayout>
Horizontal
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:baselineAligned="false"
tools:context=".MainActivity" >

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#E07A5F"
>

<ImageView
android:id="@+id/ivPreview"
android:layout_width="300dp"
android:layout_height="230dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:contentDescription="@string/preview"
android:background="#FFF" />

</RelativeLayout>

<ScrollView
android:id="@+id/scrollView1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp"
android:background="#81B29A"
>

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

<ImageView
android:id="@+id/sekyung"
android:layout_width="139dp"
android:layout_height="200dp"
android:contentDescription="@string/sekyung"
android:onClick="changeImage"
android:src="@drawable/sekyung" />

<ImageView
android:id="@+id/sekyung1"
android:layout_width="139dp"
android:layout_height="200dp"
android:contentDescription="@string/sekyung1"
 android:onClick="changeImage"
android:src="@drawable/sekyung1" />

<ImageView
android:id="@+id/sekyung2"
android:layout_width="139dp"
android:layout_height="200dp"
android:contentDescription="@string/sekyung2"
android:onClick="changeImage"
android:src="@drawable/sekyung2" />

<ImageView
android:id="@+id/sekyung12"
android:layout_width="139dp"
android:layout_height="200dp"
android:contentDescription="@string/sekyung12"
android:onClick="changeImage"
android:src="@drawable/sekyung12" />

<ImageView
android:id="@+id/sekyung13"
android:layout_width="139dp"
android:layout_height="200dp"
android:contentDescription="@string/sekyung13"
android:onClick="changeImage"
android:src="@drawable/sekyung13" />

<ImageView
android:id="@+id/sekyung14"
android:layout_width="139dp"
android:layout_height="200dp"
android:contentDescription="@string/sekyung14"
android:onClick="changeImage"
android:src="@drawable/sekyung14" />

</LinearLayout>
</ScrollView>
</LinearLayout>

String
<resources>
<string name="app_name">Layout</string>
<string name="preview">preview</string>
<string name="sekyung">sekyung</string>
<string name="sekyung1">sekyung1</string>
<string name="sekyung2">sekyung2</string>
<string name="sekyung12">sekyung12</string>
<string name="sekyung13">sekyung13</string>
<string name="sekyung14">sekyung14</string>
</resources>
MainActivity
package com.example.layout;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.app.Activity;

public class MainActivity extends AppCompatActivity {

ImageView ivPreview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ivPreview = (ImageView) findViewById(R.id.ivPreview);
}
public void changeImage(View v){
switch(v.getId()){
case R.id.sekyung:
ivPreview.setBackgroundResource(R.drawable.sekyung);
break;
case R.id.sekyung1:
ivPreview.setBackgroundResource(R.drawable.sekyung1);
break;
case R.id.sekyung2:
ivPreview.setBackgroundResource(R.drawable.sekyung2);
break;
case R.id.sekyung12:
ivPreview.setBackgroundResource(R.drawable.sekyung12);
break;
case R.id.sekyung13:
ivPreview.setBackgroundResource(R.drawable.sekyung13);
break;
case R.id.sekyung14:
ivPreview.setBackgroundResource(R.drawable.sekyung14);
break;
}
}
}
Sample Out portrait
Sample horizontal