[Help..ㅠㅠ] HorizonScrollView 관련해서 적용을 못시키고 있습니다.

Question

안녕하세요.. 아래와 같이 HorizonScrollView를 사용해서, 아래의 레이아웃에 만드려고 하는데..

하다하다 정말 도무지 안되서 글을 올렸습니다.

어떻게 적용을 시켜야 할지 너무 막막해서 간절한 마음으로 글을 써봅니다 ㅠ

현재 프로그램의 구성은 HappyLife 부분에 뷰페이저에서 클릭한 내용이 First_Movie로 이동을 해서,

아래쪽의 레이아웃에   HorizonScrollView 의 사진들이 나타나야 하는데 그 부분을 어떻게 만들어야 할지 거의 8시간쨰 해보고있지만.. 방법이 잘 나오질 않습니다 ㅠㅠ.. 어떻게 바꾸어 주어야 하는건지 한번만 도와주세요..

R.drawable.a1 ~ R.drawable.a5 까지는  이미지 파일입니다.

 

결론적으로 First_Movie의 맨 아래의 레이아웃인 Seventh_Relative 아래쪽에 위의 사진처럼 가로로 볼수있게 사진들을 배치해야 하는데 어떻게 코드를 작성해야 HorizonScrollView 배치하고 사진을 넣어야 하는데 어떻게 해야할까요 ㅠㅠ  도움 부탁드립니다..

 

소스가 길어서, 아래의 답변 부분에 추가적으로 달겠습니다.

 <First_Movie xml 코드>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_first__movie"1
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="ex.real_project.First_Movie"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/First_Movie_Toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <ImageView
            android:id="@+id/Top_Image_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:layout_marginBottom="3dp"
            android:layout_marginLeft="3dp"
            android:background="@drawable/first_move" />

        

 

Comments

<ImageView
                        android:id="@+id/bell_image"
                        android:background="@drawable/bell"
                        android:layout_width="20dp"
                        android:layout_height="20dp"
                        android:layout_centerVertical="true"
                        android:layout_toLeftOf="@+id/hello"
                        android:layout_toStartOf="@+id/hello" />

                </RelativeLayout>

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/Second_Relative"
                    android:background="#ffffff"
                    android:paddingBottom="1dp"
                    android:layout_below="@+id/first_Relative"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true">

                    <ImageView
                        android:id="@+id/icon_15"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/aaa"
                        />

                    <TextView
                        android:id="@+id/Movie_name"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text=" 부카"
                        android:textSize="30dp"
                        android:textStyle="bold"
                        android:paddingTop="5dp"
                        android:layout_centerVertical="true"
                        android:layout_toRightOf="@+id/icon_15" />


                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/fourth_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#ffffff"
                    android:layout_marginBottom="10dp"
                    android:layout_below="@+id/Third_Relative">

                    <Button
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="신규호원"
                        android:background="@drawable/white_round_button"
                        android:layout_centerVertical="true"
                        android:layout_alignParentRight="true"
                        android:layout_alignParentEnd="true" />

                </RelativeLayout>

                <LinearLayout
                    android:id="@+id/Rationg_Top_LinearLayout"
                    android:orientation="horizontal"
                    android:layout_below="@id/fourth_Relative"
                    android:layout_above="@+id/Fifth_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="3dp"
                    android:layout_marginTop="5dp"
                    android:layout_marginBottom="5dp"
                    android:background="#0d00ff"
                    android:layout_centerHorizontal="true">
                </LinearLayout>

                <RelativeLayout
                    android:id="@+id/Fifth_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:layout_marginBottom="10dp"
                    android:background="#ffffff"
                    android:layout_below="@+id/fourth_Relative">

                    <RatingBar
                        android:id="@+id/Fifth_RatingBar"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:numStars="5"
                        android:rating="3"
                        android:stepSize="0.5"
                        />

                    <TextView
                        android:layout_below="@+id/Fifth_RatingBar"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:textStyle="bold"
                        android:textSize="15dp"
                        android:text="평점을 입력해 주세요."
                        />

                </RelativeLayout>

---

<LinearLayout
                    android:id="@+id/Rationg_Bottom_LinearLayout"
                    android:orientation="horizontal"
                    android:layout_below="@id/Fifth_Relative"
                    android:layout_above="@+id/Sixth_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="3dp"
                    android:background="#ff009d"
                    android:layout_marginBottom="5dp"
                    android:layout_centerHorizontal="true">
                </LinearLayout>

                <RelativeLayout
                    android:id="@+id/Sixth_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#ffffff"
                    android:layout_marginTop="10dp"
                    android:layout_below="@+id/Fifth_Relative"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true">

                    <TextView
                        android:id="@+id/Sixth_TextView1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text=" 내공 / 출연"
                        android:textSize="25dp"
                        android:textStyle="bold" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/Sixth_TextView1"
                        android:layout_alignParentLeft="true"
                        android:layout_alignParentStart="true"
                        android:id="@+id/Six_TextView2" />

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/Seventh_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#ffffff"
                    android:layout_below="@+id/Sixth_Relative"
                    android:layout_marginTop="5dp"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true">

                    <TextView
                        android:id="@+id/Seventh_TextView1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text=" 시리즈 "
                        android:textSize="25dp"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/Seventh_TextView2"
                        android:layout_below="@id/Seventh_TextView1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        />

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/Third_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="180dp"
                    android:background="#ffffff"
                    android:layout_below="@+id/Second_Relative"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true">

                    <RatingBar
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:numStars="5"
                        android:rating="3"
                        android:stepSize="0.5"
                        android:id="@+id/ratingBar"
                        android:layout_alignParentTop="true"
                        android:layout_toRightOf="@+id/imageView" />

                    <TextView
                        android:id="@+id/Movie_Information_1"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="한국/112분/코미디 \n2016.10.13 개봉"
                        android:textSize="20dp"
                        android:layout_marginLeft="10dp"
                        android:layout_toRightOf="@id/imageView"
                        android:layout_below="@id/ratingBar"
                        />

                    <LinearLayout
                        android:id="@+id/Side"
                        android:orientation="horizontal"
                        android:layout_below="@+id/Movie_Information_1"
                        android:layout_width="match_parent"
                        android:layout_height="2dp"
                        android:background="#000000"
                        android:layout_toRightOf="@id/imageView"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="5dp"
                        android:layout_marginBottom="5dp">

                    </LinearLayout>

                    <TextView
                        android:id="@+id/Movie_Information_2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/Side"
                        android:textSize="20dp"
                        android:layout_marginLeft="10dp"
                        android:layout_toRightOf="@id/imageView"
                        android:text="누적사망수 879,485명 \n전일사망수 3,801명"
                        />

                    <ImageView
                        android:background="@drawable/a1"
                        android:id="@+id/imageView"
                        android:layout_width="120dp"
                        android:layout_height="match_parent"
                        />

                    <ImageView
                        android:layout_width="20dp"
                        android:layout_height="20dp"
                        android:background="@drawable/what"
                        android:id="@+id/Dial_Image"
                        android:layout_below="@+id/Side"
                        android:layout_toRightOf="@+id/Movie_Information_2"
                        android:layout_toEndOf="@+id/Movie_Information_2" />

                </RelativeLayout>

            </RelativeLayout>

        </LinearLayout>

                < 이부분에 넣어야 하나요? >
    </ScrollView>

</LinearLayout>

---

@@@ <Happy Life 자바코드>
package ex.real_project;

import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.media.Image;
import android.support.annotation.DrawableRes;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;

import static ex.real_project.R.string.First_Movie_Contents;

public class HappyLife extends AppCompatActivity {

    private SectionsPagerAdapter mSectionsPagerAdapter;

    public static ArrayList<Integer> at_thumnail = new ArrayList<>();           // 영화 이미지들 담는것
    public static ArrayList<String> at_title = new ArrayList<>();              
    public static ArrayList<String> at_ReservationPercent = new ArrayList<>();

    private ViewPager mViewPager;

    static String  ARG_SECTION_NUMBER = "section_number";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setTitle("로그인화면 ");


        // 주석처리되면 빈페이지로 뜸. ( 화면의 레이아웃을 채움)
        setContentView(R.layout.activity_happy_life);

        at_thumnail.add(R.drawable.a1);
        at_thumnail.add(R.drawable.a2);
        at_thumnail.add(R.drawable.a3);
        at_thumnail.add(R.drawable.a4);
        at_thumnail.add(R.drawable.a5);

        at_title.add("1. 일번");
        at_title.add("2. 이번");
        at_title.add("3. 삼번");
        at_title.add("4. 사번");
        at_title.add("5. 오번");

        at_ReservationPercent.add("1번 19세 이상");
        at_ReservationPercent.add("2번 19세 이상");
        at_ReservationPercent.add("3번 15세 이상");
        at_ReservationPercent.add("4번 15세 이상");
        at_ReservationPercent.add("5번 15세 이상");

        mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());

        mViewPager = (ViewPager) findViewById(R.id.container);
        mViewPager.setAdapter(mSectionsPagerAdapter);
    }

    //  액티비티내에 (파일철) 프래그먼트 (a4용지)로 생각하심됨.
    public static class PlaceholderFragment extends Fragment {

        // 생성자
        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {

            final int position = getArguments().getInt(ARG_SECTION_NUMBER);

            // 레이아웃을 객체화시킴.
            View rootView = inflater.inflate(R.layout.fragment_sub2, container, false);

            TextView title = (TextView) rootView.findViewById(R.id.title);
            title.setText(at_title.get(position));

            TextView Percent = (TextView) rootView.findViewById(R.id.Reservation_Percent);
            Percent.setText(at_ReservationPercent.get(position));

            ImageView thunmail = (ImageView) rootView.findViewById(R.id.thunmail);
            thunmail.setImageResource(at_thumnail.get(position));

            // 이미지에 클릭 리너스를 단다.
            thunmail.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {

                  
                    Intent intent = new Intent(getContext(),First_Movie.class);
                    intent.putExtra("pos",position); //int타입의 데이터를 전달한다.

                    startActivity(intent);
                }
            });
            return rootView;
        }
    }


    public class SectionsPagerAdapter extends FragmentPagerAdapter {

        public SectionsPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {

            Bundle args = new Bundle(); // 번들 생성
            args.putInt(ARG_SECTION_NUMBER, position); // 인텐튼의 데이터전달과 같음. intent.putstring("key","value");

            //프래그먼트를 생성
            PlaceholderFragment fragment = new PlaceholderFragment();
            fragment.setArguments(args); // 생성된 프래그먼트 객체에 번들데이터를 저장.

            return fragment; // 객체가 반환되는순간.
        }

        @Override
        public int getCount() {
            
            return at_thumnail.size();
        }
    }
}

---

@@@ <HappyLife.xml 코드>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="10dp"
    android:paddingTop="10dp"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    <ImageView
            android:id="@+id/Before_Activity"
            android:layout_width="wrap_content"
            android:layout_toRightOf="@+id/Top_Image_button"
            android:background="@drawable/before_image"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="3dp"
            android:layout_marginLeft="3dp"
            android:layout_height="wrap_content" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/Top_Movie_Information"
            android:text="상세정보"
            android:textSize="20dp"
            android:textStyle="bold"
            android:layout_marginTop="15dp"
            android:layout_centerHorizontal="true"
            />

    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:background="#000000"
        android:layout_height="3dp"
        android:layout_marginTop="3dp"
        android:layout_marginBottom="3dp"
        ></LinearLayout>


    <ScrollView
        android:id="@+id/scrollview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">


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

            <RelativeLayout
                android:id="@+id/Middle_Space"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#ffffff">

                <RelativeLayout
                    android:id="@+id/first_Relative"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/reservaton_round_button"
                        android:id="@+id/Reservation_Percent"
                        android:text="대력정보 1위 28.5%"
                        android:paddingTop="10dp"
                        android:paddingBottom="10dp"
                        android:paddingLeft="10dp"
                        android:paddingRight="10dp"
                        android:layout_marginLeft="5dp"
                        android:layout_alignParentTop="true" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="일정 안내"
                        android:id="@+id/hello"
                        android:textSize="15dp"
                        android:textStyle="bold"
                        android:paddingTop="10dp"
                        android:paddingBottom="10dp"
                        android:paddingLeft="10dp"
                        android:paddingRight="10dp"
                        android:layout_centerVertical="true"
                        android:layout_alignParentRight="true"
                        android:layout_alignParentEnd="true"
                        />

                    


android:paddingRight="@dimen/activity_horizontal_margin"
    android:background="#363636"
    tools:context="ex.real_project.HappyLife">

    <android.support.v4.view.ViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar_top"
        android:layout_above="@+id/toolbar_bottom"/>

    <RelativeLayout
        android:id="@+id/toolbar_bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:background="@drawable/white_round_button"
            android:text="매점"/>

    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/toolbar_top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="3dp"
            android:background="@drawable/white_round_button"
            android:text="옵션"/>

    </RelativeLayout>

</RelativeLayout>