Layout에 다른 Layout넣기

[Android] - 개념/Layout 2016. 12. 4. 14:01

* Layout에 다른 Layout넣기 *

 

1. 화면 전체에 나타낼 Layout을 메모리 상에 객체화할 때는 setContentView()를 사용한다.

2. 화면 일부만 별로 Layout을 메모리 상에 객체화 하려면 별도 인플레이션 객체를 사용해야 된다.

   안드로이드에서는 LayoutInflater 클래스를 이용한다.

   이 클래스는 시스템 서비스로 제공되므로 getsystemService(Context.LAYOUT_INFLATER_SERVICE) 메소드를 사용하여

   객체를 참조한 후 사용해야 한다.

 

3. 아래 소스중 activity_main.xml 에서 보면 ["@+id/contentsLayout"] id인 LinearLayout에 위치에 별도 Layout을 넣게 된다.

 

 

[ activity_main.xml ]

 

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:gravity="center_horizontal"
        android:text="아래 버튼을 누르면 인플레이션으로 추가합니다."
        android:textSize="14dp"
        android:textColor="#ffad6535" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="인플레이션으로 추가하기"
        android:textSize="22dp"
        android:onClick="onButton1Clicked" />

    <LinearLayout
        android:id="@+id/contentsLayout"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </LinearLayout>

</LinearLayout>

 

[ button.xml ]

 

<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="vertical" >

    <Button
        android:id="@+id/selectButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="선택 "
        android:textSize="24dp"
        android:textStyle="bold"
        />
    <RadioGroup
        android:id="@+id/radioGroup01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        >
        <RadioButton
            android:id="@+id/radio01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="남성"
            android:textColor="#ffaaff10"
            android:textStyle="bold"
            android:textSize="24dp"
            />
        <RadioButton
            android:id="@+id/radio02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="여성"
            android:textColor="#ffaaff10"
            android:textStyle="bold"
            android:textSize="24dp"
            />
    </RadioGroup>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical|center_horizontal"
        android:paddingTop="10dp"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="하루종일"
            android:textSize="24dp"
            android:paddingRight="10dp"
            android:textColor="#ffaaff10"
            />
        <CheckBox
            android:id="@+id/allDay"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />
    </LinearLayout>
</LinearLayout> 

 

 

[ MainActivity.java ]

/**
* 레이아웃 인플레이터를 이용해 레이아웃의 일부를 동적으로 로딩하는 방법에 대해 알 수 있습니다.
*
* @author Mike
*/
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    /**
     * 버튼을 눌렀을 때 레이아웃을 동적으로 로딩합니다.
     * @param v
     */
    public void onButton1Clicked(View v) {
        inflateLayout();
    }

    /**
     * button.xml 에 정의된 레이아웃을 메인 액티비티의 레이아웃 일부로 추가하는 메소드 정의
     */
    private void inflateLayout() {
        // XML 레이아웃에 정의된 contentsLayout 객체 참조
        LinearLayout contentsLayout = (LinearLayout) findViewById(R.id.contentsLayout);

        // 인플레이션 수행
        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        // inflate()메소드의 파라미터로 R.layout.button과 contentsLayout객체를 전달하고 앋.

        //이것은 contentsLayout을 부모 컨테이너로 하여 buttons.xml파일에 정의된 레이아우승ㄹ 추가하라는 의미이다.

        inflater.inflate(R.layout.button, contentsLayout, true);

        // 새로 추가한 레이아웃 안에 들어있는 버튼 객체 참조
        Button btnSelect = (Button) findViewById(R.id.selectButton);
        final CheckBox allDay = (CheckBox) findViewById(R.id.allDay);

        btnSelect.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                if (allDay.isChecked()) {
                    allDay.setChecked(false);
                } else {
                    allDay.setChecked(true);
                }
            }
        });
    }
} 

 

 

 

 

 

 

 

 

 

 

 

저작자표시

'[Android] - 개념 > Layout' 카테고리의 다른 글

Layout에서 별도 Layout 띄우기  (0) 2016.12.04
Posted by 농부지기
,

Fragment 기초 예제 1

[Android] - 개념/Fragment 2016. 11. 30. 09:25

참고 URL : http://itpangpang.tistory.com/114

 

 

 

 

public class MainActivity extends AppCompatActivity {

        Button btn_move_page1;
        Button btn_move_page2;
        Button btn_move_page3;

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            setup();

            movePage1();
        }
        private void setup()
        {
            btn_move_page1 = (Button) findViewById(R.id.btn_move_page1);
            btn_move_page2 = (Button) findViewById(R.id.btn_move_page2);
            btn_move_page3 = (Button) findViewById(R.id.btn_move_page3);

            btn_move_page1.setOnClickListener(myListener);
            btn_move_page2.setOnClickListener(myListener);
            btn_move_page3.setOnClickListener(myListener);
        }

        View.OnClickListener myListener = new View.OnClickListener(){
            @Override
            public void onClick(View view) {
                btn_move_page1.setSelected(false);
                btn_move_page2.setSelected(false);
                btn_move_page3.setSelected(false);

                switch (view.getId()){
                    case R.id.btn_move_page1:
                        movePage1();
                        break;
                    case R.id.btn_move_page2:
                        movePage2();
                        break;
                    case R.id.btn_move_page3:
                        movePage3();
                        break;
                }
            }
        };



        public void movePage1(){
            Page1 page1 = new Page1();
            //FragmentManager : Activity위(안)에서 Fragment와 Activity의 상호작용을 관리
            FragmentManager fragmentManager = getFragmentManager();

            //FragmentTransaction
            //  - 실질적으로 이 Transaction이  Activity위에 Fragment를 올려주고(add) 있던걸 빼고
            //    다시올리고(replace)  제거해주고(remove)  commit등 여러가지 중요한  활동이 가능하게 도와준다.
            FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
            fragmentTransaction.replace(R.id.ll_page, page1);
            fragmentTransaction.commit();
        }

        public void movePage2(){
            Page2 page2 = new Page2();
            FragmentManager fragmentManager = getFragmentManager();
            FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
            fragmentTransaction.replace(R.id.ll_page, page2);
            fragmentTransaction.commit();
        }

        public void movePage3(){
            Page3 page3 = new Page3();
            FragmentManager fragmentManager = getFragmentManager();
            FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
            fragmentTransaction.replace(R.id.ll_page, page3);
            fragmentTransaction.commit();
        }

        //버튼 하단에 있는 LinearLayout에 보여줄 페이지 처리
        // - 이때 Activity라면 AppCompatActivity 를 extends 받아야 된다.
        // - extends를 Fragment로 하면서 Activity가 아니라 Fragment임을 알 수 있다.
        //   또한 onCreate()메소드가 아닌 onCreateView()메소드를 이용했다.
        public static class Page1 extends Fragment {
            @Override
            public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
                //화면을 가져오기 위해서 LayoutInflater 객체를 이용했다.
                //  - inflate() : xml을 실제 객체로 사용가능하게 하는 역할을 담당
                View view = inflater.inflate(R.layout.fragment_page1, container, false);
                return view;
            }
        }
        public static class Page2 extends Fragment {
            @Override
            public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
                View view = inflater.inflate(R.layout.fragment_page2, container, false);
                return view;
            }
        }
        public static class Page3 extends Fragment {
            @Override
            public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
                View view = inflater.inflate(R.layout.fragment_page3, container, false);
                return view;
            }
        }

}

 

 

 

저작자표시

'[Android] - 개념 > Fragment' 카테고리의 다른 글

Fragment 기초 예제 3  (0) 2016.12.04
Fragment 기초 예제 2  (2) 2016.12.04
Fragment 기본 개념  (0) 2016.11.29
Posted by 농부지기
,

Fragment 기본 개념

[Android] - 개념/Fragment 2016. 11. 29. 15:20

[ Fragment ]

 

1. 기본 개념

   1. Fragment도 Activity처럼 생명주기가 있지만 Activity위에서 동작하기 때문에 Activity가 종료되면 모든 Fragment도 종료된다.

   2. Fragment는 app.Fragment와 support.v4.app.Fragment library 가 존재

   3. 화면(Activity)를 여러 조각으로 나누워도  관리 및 조회하고 싶을때 Fragment를 사용.

   4. Fragment는 항상 Activity위에 올라가 있어야 한다.

   5. [탭]버튼을 클릭시 다른 화면을 보여줄때 Activity도 가능 하지만 Fragment를 사용하면 더 좋다.

 

   9. 하나의 액티비티 위에 여러 개의 액티비티를 올릴수 있다.

       - 구체적으로 Activity클래스와 AcitivityGroup클래스를 이요하면 구현 가능

       - 하지만 하나의 화면을 독립적으로 구성할 때 필요한 여러 가지 속성들을 사용하면, 안드로이드 시스템에서 관리하는

         애플리케이션 구성 요소이므로 액티비티 안에 다른 액티비티를 넣는 것은 단말의 리소스를 많이 사용하는 비효율적인 방법이 된다.

 

2. Fragment 주요 메소드

   - public final Activity getActivity()

         : 이 프래그먼트를 포함하는 액티비티를 리턴함.

   - public final FragmentManager getFragmentManager()

         : 이 프래그먼트를 포함하는 액티비티에서 프래그먼트 객체들과 의사소통하는 프래그먼트 매니저를 리턴함.  

   - public final Fragment getParentFragment()

         : 이 프래그먼트를 포함하는 부모가 프래그먼트일 경우 리턴함. 액티비티이면 null을 리턴함.

   - public final int getId()

         : 이 프래그먼트의 ID를 리턴함.

 

3. FragmentManager 주요 메소드

   - public abstract FramgentTransaction beginTransaction()

          : 프래그먼트를 변경하기 위한 트랜젝션을 시작함

   - public abstract Framgent  findFragmentById(int id)

          : ID를 이용해 프래그먼트 객체를 찾음

   - public abstract Framgent  findFragmentByTag(String tag)

          : 태그 정보를 이용해 프래그먼트 객체를 찾음

   - public abstract boolean executePendingTransaction()

          : 트랜젝션은 commit()메소드를 호출하면 실행되지만 비동기(asynchronous)방식으로 실행되므로 즉시 실행하고 싶다면 이 메소드를 추가로 호출해야 됨

 

URL : http://itpangpang.tistory.com/''

저작자표시

'[Android] - 개념 > Fragment' 카테고리의 다른 글

Fragment 기초 예제 3  (0) 2016.12.04
Fragment 기초 예제 2  (2) 2016.12.04
Fragment 기초 예제 1  (0) 2016.11.30
Posted by 농부지기
,

다른 Fragment에서 값 얻어오기

카테고리 없음 2016. 11. 29. 14:10

참고 : http://itpangpang.tistory.com/143

저작자표시
Posted by 농부지기
,

다른 Layout에 있는 View의 Text값을 얻어오기

카테고리 없음 2016. 11. 29. 14:04

[ 다른 Layout에 있는  View의 Text값을 얻어오기 ]

 

* 정의
   1. 다른 Layout에 있는  View의 Text값을 얻어오기
   2. 이때 다른 Layout은 활성화시키지 않았어도 가져올 수 있음.

 

* MainActivity.java단에 소스

  

 public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //activity_main.xml layout에 존재하는 textView 얻기
        TextView tv_text = (TextView)findViewById(R.id.tv_text);

        //LayoutInflater 객체 생성
        LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.activity_sub, null);

        //activity_sub.xml layout에 존재하는 Button, TextView 객체 생성(얻기)
        Button btn = (Button)view.findViewById(R.id.btn);
        TextView tv = (TextView)view.findViewById(R.id.tv);

        //activity_main.xml layout의 textView에    activity_sub.xml layout에 존재하는  값을 얻어와서 보여주기
        tv_text.setText( "버튼에 써있는 글자는 ["+btn.getText().toString()+"]이고\n"

                         +"텍스트뷰에 써있는 글자는 ["+tv.getText().toString()+"]이다");
    }
}

 

저작자표시
Posted by 농부지기
,

2. Oracle Procedure - P200.Pragma_Autonomous_Transaction.html

기타/임시 2016. 11. 25. 18:30
Untitled Document

                  [  ◎ PRAGMA AUTONOMOUS_TRANSACTION ]     

☞ 사용이유
 

1. 트랜잭션을 별도로 동작하기 위해

2. 에러에 대한 내용을 로깅하기 위해서 트랜잭션과는 별도로 동작하는 트랜잭션을 만들어
   에러내용을 저장한다.

 
   

☞ 생성 방법

 

1. A와 B 펑션이 있을 경우
   FUNCTION_A(
      begin
            B();
      end;
   )


   FUNCTION_B(
     as PRAGMA AUTONOMOUS_TRANSACTION
      begin
            ...
             commit;
      end;
   )

   rollback;

   : 이때 A function에서 수행한 transaction은 Rollback되지만
          B function에서 수행한 transaction은 Commit 된다.
   
   
   

참고URL : http://cafe.naver.com/dbmodeler/93

저작자표시

'기타 > 임시' 카테고리의 다른 글

이미지 편집 url  (0) 2020.01.29
SQL fometter URL  (0) 2017.07.19
1. Oracle_function - F300_Record_Return_20.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_11.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_10.html  (0) 2016.11.25
Posted by 농부지기
,

1. Oracle_function - F300_Record_Return_20.html

기타/임시 2016. 11. 25. 18:29
[ ◎ 여러 레코드 Return하기 ]

                   [  ◎ 여러 레코드 Return하기 ]     

 
☞ 생성 방법

 

Oracle Function에서 대부분 한개의 값을 반환하는 경우가 대부분이다. 

하지만 한 개의 값을 반환할 경우 제약을 받는 경우가 종종 생긴다.(사실 처음이다.) 

우선 Table 단위나 Row_Type단위로 값을 리턴 할 경우  

그에 맞는 임시 Table (TYPE)을 만들어 주어야 한다.

 

1. Oracle Type만들기
 create or replace TYPE SLP AS OBJECT (
        CD VARCHAR2(100),
        CD_NM VARCHAR2(200)
 );

그런 다음 사용을 하려는 객체를 선언해주어야 한다.

 

2. 임시 TABLE(TYPE) 객체 만들기

create or replace TYPE SAMPLE_TABLE AS TABLE OF SLP;

이제 사용할 Function을 만들면 끝이다.

 

3. Functoin만들기

create or replace FUNCTION F_GET_SAMPLE_NAME(
      COMPANY_CD IN VARCHAR2
) RETURN SAMPLE_TABLE pipelined IS
        aaa SLP := SLP(NULL, NULL);  -- 초기화(SAMPLE 구조체를 aaa로 선언)
 BEGIN
      FOR bbb IN (SELECT CD, CD_NM
                    FROM XFRMD2C
                  ) LOOP
          aaa.cd          := bbb.cd;
          aaa.cd_nm    := bbb.cd_nm;
          PIPE ROW(aaa);  -- 검색값을 저장
      END LOOP;
      RETURN;
   EXCEPTION WHEN NO_DATA_FOUND THEN
       BEGIN
           aaa:= SLP('', '');
           pipe row(aaa);
       END;
       RETURN;
  END
;

 
   
   
   

참고URL : http://javanara.tistory.com/19

저작자표시

'기타 > 임시' 카테고리의 다른 글

이미지 편집 url  (0) 2020.01.29
SQL fometter URL  (0) 2017.07.19
2. Oracle Procedure - P200.Pragma_Autonomous_Transaction.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_11.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_10.html  (0) 2016.11.25
Posted by 농부지기
,

1. Oracle_function - F300_Record_Return_11.html

기타/임시 2016. 11. 25. 18:29

                   [  ◎ 여러 레코드 Return하기 ]     

☞ 정의
 

1. Function의 기본은 값 하나만 넘기자만

   PIPE를 이용하면 Table단위나 Row_Type단위로 값을 리턴할 수 있다.  

2. PipeLined 라고 불리는 이유는 데이터를 찾는 즉시 바로 바로 전송해주기 때문이다.  

 

   
☞ 생성 방법 1
   - Package 안에 Type을 생성한 예제

 

-- Package 헤더 생성

CREATE OR REPLACE PACKAGE myDemoPack
       IS

       -- 레코드 타입
       TYPE myObjectFormat IS RECORD
        ( A INT,
          B DATE,
          C VARCHAR2(25)
        );

       -- 테이블 타입
       TYPE myTableType IS TABLE OF myObjectFormat;   

       FUNCTION prodFunc RETURN myTableType PIPELINED;  --pipelined선언

END myDemoPack;

-- Package 바디 생성

CREATE OR REPLACE PACKAGE BODY myDemoPack AS
       FUNCTION prodFunc RETURN myTableType PIPELINED IS

       CURSOR sel_cur IS
          SELECT ROWNUM, SYSDATE+ROWNUM, 'Row=' || ROWNUM
            FROM DUAL
           CONNECT BY LEVEL <= 5;

       BEGIN
           FOR myObjectFormat IN sel_cur
              LOOP
                  PIPE ROW (myObjectFormat); --바로바로 리턴
              END LOOP;

              RETURN;   --이때 RETURN는 사실 의미 없음
           END;
        END;

☞ 생성 방법 2
   - Package 안에 Type을 생성한 예제
     오류 발생.. 잘 될거 같은데.. 안됨.. 오류에 원인을 알 수 없음.
 

2. 패지지 생성
   -- 패지키 헤더 생성

   CREATE OR REPLACE PACKAGE myDemoPack
       IS

       -- 레코드 타입
       TYPE myObjectFormat IS RECORD
        ( A INT,
          B DATE,
          C VARCHAR2(25)
        );
 
       -- 테이블 타입
       TYPE myTableType IS TABLE OF myObjectFormat;

       FUNCTION prodFunc RETURN myTableType PIPELINED;  --pipelined선언

    END myDemoPack;


   --패키지 바디 생성
   CREATE OR REPLACE PACKAGE BODY myDemoPack AS
       FUNCTION prodFunc RETURN myTableType PIPELINED IS
       BEGIN
           FOR i  IN  1 .. 5   
              LOOP
                  PIPE ROW (myObjectFormat(i, SYSDATE+I, 'Row' || i)); --바로바로 리턴
              END LOOP;
              
              RETURN;   --이때 RETURN는 사실 의미 없음
           END;
        END; 

  3. 쿼리 조회
   SELECT * FROM TABLE(myDemoPack.prodFunc());
   

참고URL : http://cafe.naver.com/dbmodeler/93

저작자표시

'기타 > 임시' 카테고리의 다른 글

이미지 편집 url  (0) 2020.01.29
SQL fometter URL  (0) 2017.07.19
2. Oracle Procedure - P200.Pragma_Autonomous_Transaction.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_20.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_10.html  (0) 2016.11.25
Posted by 농부지기
,

1. Oracle_function - F300_Record_Return_10.html

기타/임시 2016. 11. 25. 18:28

                   [  ◎ 여러 레코드 Return하기 ]     

☞ 정의
 

1. Function의 기본은 값 하나만 넘기자만

   PIPE를 이용하면 Table단위나 Row_Type단위로 값을 리턴할 수 있다.  

2. PipeLined 라고 불리는 이유는 데이터를 찾는 즉시 바로 바로 전송해주기 때문이다.  

 

   
☞ 생성 방법

 

1. Object Type을 생성한다.

   -- 레코드 타입
   CREATE OR REPLACE TYPE myObjectFormat
       AS OBJECT
    ( A INT,
      B DATE,
      C VARCHAR2(25)
    );
 
   -- 테이블 타입
   CREATE OR REPLACE TYPE myTableType
       AS TABLE OF myObjectFormat

 

2. 패지지 생성
   -- 패지키 헤더 생성

   CREATE OR REPLACE PACKAGE myDemoPack
       AS
          FUNCTION prodFunc RETURN myTableType PIPELINED;  --pipelined선언
   END;

   --패키지 바디 생성
   CREATE OR REPLACE PACKAGE BODY myDemoPack AS
       FUNCTION prodFunc RETURN myTableType PIPELINED IS
       BEGIN
           FOR i  IN  1 .. 5   
              LOOP
                  PIPE ROW (myObjectFormat(i, SYSDATE+I, 'Row' || i)); --바로바로 리턴
              END LOOP;
              
              RETURN;   --이때 RETURN는 사실 의미 없음
           END;
        END; 

  3. 쿼리 조회
   SELECT * FROM TABLE(myDemoPack.prodFunc());
   

참고URL : http://cafe.naver.com/dbmodeler/93

저작자표시

'기타 > 임시' 카테고리의 다른 글

이미지 편집 url  (0) 2020.01.29
SQL fometter URL  (0) 2017.07.19
2. Oracle Procedure - P200.Pragma_Autonomous_Transaction.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_20.html  (0) 2016.11.25
1. Oracle_function - F300_Record_Return_11.html  (0) 2016.11.25
Posted by 농부지기
,

ViewPage - 2단계

[Android] - 개념/ViewPage 다루기 2016. 11. 25. 13:15

참고 url : http://itpangpang.tistory.com/286

* 개발 방향 및 Logic

1. ActionBar를 사용하지 않는다.

2. ActionBar대신에 TextView를 통해서 ActionBar역할을 하도록 한다.

3. ViewPage이동시 swipe기능도 추가한다.

 

[drawable]-[tab_color_selector.xml]

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#301500" android:state_selected="true" />
    <item android:color="#8C8C8C" />
</selector>

 

[drawable]-[tab_bg_off.xml]

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="2dp"
                />
            <solid android:color="#8C8C8C" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#EAEAEA" />
        </shape>
    </item>
</layer-list>

 

[drawable]-[tab_bg_on.xml]

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="5dp"
                />
            <solid android:color="#301500" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#EAEAEA" />
        </shape>
    </item>
</layer-list>

 

[drawable]-[tab_bg_selector.xml]

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_selected="false"
        android:drawable="@drawable/tab_bg_off" />
    <item
        android:state_selected="true"
        android:drawable="@drawable/tab_bg_on" />
</selector>

 

 

[FirstFragment.java]  >>  [SecondFragment.java],   [ThirdFragment.java] 두 개 java도 생성

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000000"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textSize="30dp"
        android:textColor="#FFFFFF"
        android:textStyle="bold"
        android:text="첫번째 페이지"/>

</RelativeLayout>

 

[fragment_first.xml] >> [fragment_second.xml], [fragment_third.xml]  2개도 생성

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000000"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textSize="30dp"
        android:textColor="#FFFFFF"
        android:textStyle="bold"
        android:text="첫번째 페이지"/>

</RelativeLayout> 

 

 

[ activity_main.xml ]

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/tab_first"
            android:layout_width="0dip"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@drawable/tab_color_selector"
            android:background="@drawable/tab_bg_selector"
            android:text="친구" />

        <TextView
            android:id="@+id/tab_second"
            android:layout_width="0dip"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@drawable/tab_color_selector"
            android:background="@drawable/tab_bg_selector"
            android:text="채팅방" />

        <TextView
            android:id="@+id/tab_third"
            android:layout_width="0dip"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:gravity="center"
            android:textColor="@drawable/tab_color_selector"
            android:background="@drawable/tab_bg_selector"
            android:text="설정" />
    </LinearLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/ll">
    </android.support.v4.view.ViewPager>

</RelativeLayout>

 

 

[ MainActivity.xml ]

package org.example.farmkim.study001;

import android.os.Bundle;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity
{
    ViewPager vp;
    LinearLayout ll;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        vp = (ViewPager)findViewById(R.id.vp);
        ll = (LinearLayout)findViewById(R.id.ll);

        //ActionBar 역할을 TextView
        TextView tab_first = (TextView)findViewById(R.id.tab_first);
        TextView tab_second = (TextView)findViewById(R.id.tab_second);
        TextView tab_third = (TextView)findViewById(R.id.tab_third);

        //ViewPage객체에 Adapter 연결
        //이때, ViewPage에 Fragment가 연동된다.
        vp.setAdapter(new pagerAdapter(getSupportFragmentManager()));
        vp.setCurrentItem(0);

        //tab에 OnClick Event설정 및 Tag 값 지정
        tab_first.setOnClickListener(movePageListener);
        tab_first.setTag(0);
        tab_second.setOnClickListener(movePageListener);
        tab_second.setTag(1);
        tab_third.setOnClickListener(movePageListener);
        tab_third.setTag(2);

        tab_first.setSelected(true);

        //ViewPage에  Page가 변경될때 호출되는 Event 추가.
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener()
        {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
            {

            }

            @Override
            public void onPageSelected(int position)
            {
                int i = 0;
                while(i<3)
                {
                    if(position==i)
                    {
                        ll.findViewWithTag(i).setSelected(true);
                    }
                    else
                    {
                        ll.findViewWithTag(i).setSelected(false);
                    }
                    i++;
                }
            }

            @Override
            public void onPageScrollStateChanged(int state)
            {

            }
        });
    }

    //Tab역할을 하는 상단 TextView를 클릭 시 Event
    View.OnClickListener movePageListener = new View.OnClickListener()
    {
        @Override
        public void onClick(View v)
        {
            int tag = (int) v.getTag();

            int i = 0;
            while(i<3)
            {
                if(tag==i)
                {
                    //특정 Component를 선택해준다.
                    //그럴경우, drawable안에  xml에 <selector>tag안에  state_selected="true" 속성을 찾아서 style을 적용한다.
                    ll.findViewWithTag(i).setSelected(true);
                }
                else
                {
                    ll.findViewWithTag(i).setSelected(false);
                }
                i++;
            }

            vp.setCurrentItem(tag);
        }
    };

    //ViewPager객체에 Adapter 연결.
    private class pagerAdapter extends FragmentStatePagerAdapter
    {
        public pagerAdapter(android.support.v4.app.FragmentManager fm)
        {
            super(fm);
        }
        @Override
        public android.support.v4.app.Fragment getItem(int position)
        {
            switch(position)
            {
                case 0:
                    return new FirstFragment();
                case 1:
                    return new SecondFragment();
                case 2:
                    return new ThirdFragment();
                default:
                    return null;
            }
        }
        @Override
        public int getCount()
        {
            return 3;
        }
    }
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

저작자표시

'[Android] - 개념 > ViewPage 다루기' 카테고리의 다른 글

ViewPage 기본 개념  (0) 2016.11.24
ViewPager - 1단계  (0) 2016.11.24
Posted by 농부지기
,

티스토리툴바