리스트 뷰에 데이터 넣기

: 리스트뷰와 데이터(모델)을 어댑터뷰(모델+레이아웃)를 이용해서 연결하기 

 

(1) activity_main.xml

<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"
    tools:context=".MainActivity" >
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />  

</RelativeLayout>

 

(2) MainActivity.java

package com.example.test09_listview;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
 ListView listView;
 ArrayList<String> arr=new ArrayList<String>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        //리스트뷰테 보여질 데이터를 담고 있는 배열객체
        arr.add("홍길동");
        arr.add("이순신");
        arr.add("김유신");
        arr.add("유관순");

 

        //리스트뷰에 대한 참조값 얻어오기
        listView=(ListView)findViewById(R.id.listView1);
       
        //리스트뷰와 데이터(모델)을 어댑터뷰(모델+레이아웃)를 이용해서 연결하기
        //배열의 데이터와 연결되는 어댑터는 ArrayAdapter로 생성
        ArrayAdapter<String> adapter=
          //new ArrayAdapter<String>(Context객체,보여줄레이아웃,배열객체);
          new ArrayAdapter<String>(this,
            android.R.layout.simple_list_item_1,//안드로이드가제공하는 레이아웃
            arr);
        //리스트뷰에 어댑터 연결하기
        listView.setAdapter(adapter);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }   
}

 

FrameLayout에 LinearLayout 두개 등록하고(1,2) 버튼을 클릭하면 1보이고 2는 안보이게 하는예제

 

(1) activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="프레임1"
            android:layout_weight="1"
            />
        <Button
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="프레임2"
            android:layout_weight="1"
            />
    </LinearLayout>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <LinearLayout
            android:id="@+id/layout1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:gravity="center_horizontal" >
            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/donald"
                android:layout_gravity="center_horizontal"
                 />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/layout2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" 
            android:visibility="invisible"><!-- 화면에 안보이게 하기 -->
            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/img4"
                android:layout_gravity="center_horizontal"
                />
        </LinearLayout>
    </FrameLayout>
</LinearLayout>

 

(2) MainActivity.java

package com.example.test08;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.LinearLayout;

public class MainActivity extends Activity {
    LinearLayout layout1;
    LinearLayout layout2;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //LinearLayout 참조변수 얻어오기.
        layout1=(LinearLayout)findViewById(R.id.layout1);
        layout2=(LinearLayout)findViewById(R.id.layout2);
       
        //첫번째 버튼을 눌렀을 때.버튼 참조값을 한번만 사용할 경우.
        findViewById(R.id.btn1).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                layout1.setVisibility(View.VISIBLE);//보이기
                layout2.setVisibility(View.INVISIBLE);//안보이기
            }
        });
        findViewById(R.id.btn2).setOnClickListener(new OnClickListener() {           
            @Override
            public void onClick(View v) {
                layout2.setVisibility(View.VISIBLE);
                layout1.setVisibility(View.INVISIBLE);
            }
        });
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }  
}

 

 

 

(1) MainActivity.java

package com.example.test07_tablelayout;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

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

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
   
}

; main.xml 만들어 연결하면 된다. ( res/layout/에 생성한다.)

  • 다음, 이전버튼을 만든다. 
  • 5개를 복사하고 (res/drawable_mdpi폴더) 이미지 보이기 예제

 

(1) activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <ImageView android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/dog1"
        android:layout_gravity="center_horizontal"
        />
    <LinearLayout android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <Button android:id="@+id/preBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/prev"
            android:layout_weight="1"
            />
        <Button android:id="@+id/nextBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/next"
            android:layout_weight="1"
            />
    </LinearLayout>

</LinearLayout>

 

 

(2) MainActivity.java

 

; 버튼 이벤트 적용

  2개버튼(이전,다음)의 이벤트가 동일하기 때문에 리스너 연결함.

  ( button1.setOnClickedListener 식으로 버튼마다 생성해도 되나 동일한 이벤트이므로.. )

 

; R.drawabled.##로 배열에 참조값 가져오기.

 

package com.example.test06_quiz;

import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {
    int cnt=0;
    int imgs[] = {R.drawable.dog1,R.drawable.dog2,R.drawable.dog3,R.drawable.dog4,R.drawable.dog5};
    Button prevBtn;
    Button nextBtn;
    ImageView img1;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        prevBtn = (Button)findViewById(R.id.preBtn);
        nextBtn = (Button)findViewById(R.id.nextBtn);
        img1 = (ImageView)findViewById(R.id.img);
       
        prevBtn.setOnClickListener(mm);
        nextBtn.setOnClickListener(mm);
    }

    OnClickListener mm = new OnClickListener() {       
        @Override
        public void onClick(View v) {
            Log.i("logMsg", "index:" + cnt);
            switch(v.getId()){
            case R.id.preBtn:
                if(cnt>0){
                    img1.setImageResource(imgs[--cnt]);
                }
                break;
            case R.id.nextBtn:
                if(cnt<imgs.length -1){
                    img1.setImageResource(imgs[++cnt]);
                }
            }           
        }
    };

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }   
}

 

 

 

 

'Mobile > Android' 카테고리의 다른 글

#09 ( FrameLayout )  (0) 2013.02.02
#08 ( layout을 만들고 연결하기)  (0) 2013.02.02
#06 (이미지 뷰)  (0) 2013.02.02
#05 ( checkbox, radiobutton )  (0) 2013.01.29
#04( 입력한 값 보여주기 예제 )  (0) 2013.01.28
버튼을 누르면 이미지를 변경한다.

 

Layout ]]

 

(1) activity_main.xml

; res/drawable_mdpi폴더에 이미지 2개복사한다. (파일은 png 또는 jpg, 파일이름은 소문자 영문자 )

; 복사하면 R.java에 16진수 일련번호가 등록된다. (참조값)

 

<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"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/img1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/boy"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        />
    <Button
        android:id="@+id/btn1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/img1"
        android:text="@string/imgtxt"
        />
</RelativeLayout>

 

(2) MainActivity.java

; setImageResource

 

package com.example.test05_imageview;

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


//버튼을 누르면 이미지를 바꾸는 예제
public class MainActivity extends Activity {
    int cnt = 1;
    //이미지 리소스를 배열에 저장.
    int imgs[] = {R.drawable.boy,R.drawable.girl};
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btn=(Button)findViewById(R.id.btn1);


        // 이미지뷰에 대한 참조값 얻어오기
        // innser class에서는 지역변수를 접근할수 없으므로 final을 붙인다.
        final ImageView img1 = (ImageView)findViewById(R.id.img1);
       
        btn.setOnClickListener( new OnClickListener() {
            @Override
            public void onClick(View v) {
                //drable폴더에 있는 리소스로 이미지 바꾸기
                img1.setImageResource(imgs[cnt++%2]);
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }   
}

 

 

 

 

'Mobile > Android' 카테고리의 다른 글

#08 ( layout을 만들고 연결하기)  (0) 2013.02.02
#07 ( 다음,이전 버튼으로 사진이동하기 )  (0) 2013.02.02
#05 ( checkbox, radiobutton )  (0) 2013.01.29
#04( 입력한 값 보여주기 예제 )  (0) 2013.01.28
#03( 합구하기 )  (0) 2013.01.28

+ Recent posts