보물창고/Programming2011.08.15 18:55





안드로이드 ArrayAdapter사용 리스트뷰 구성시  Activity를 상속하면 onListItemClick 호출하기 어려움 (android, ListView 구현,  addFooterView, addHeaderView, 더보기 버튼 )








안드로이드 프로젝트를 하면서 UI 구현중에 어려웠던 부분을 정리해서 다른분들이 필요하실까 정리했습니다

포스팅 가장 아래에 제가 구현한 안드로이드 프로젝트 전체를 파일 첨부 했습니다
공부하면서 구현중에 있기 대문에 지저분한 주석이 모두 담겨 있습니다
필요하신 분들 소스 참고하세요! ^^










Activity를 상속하고 custom ArrayAdapter를 만들어서 리스트뷰(ListView)로 했을 경우 UI구현하는데 많은 제약이 있는거 같습니다

제약
 - addFooterView, addHeaderViewf를 달지 못합니다 (헤더,푸터 뷰)
 - 리스트뷰 안에 버튼이 들어간 경우 포커스가 버튼에 있어 리스트가 클릭되지 않습니다
    ( onListItemClick 함수가 호출 되지 않습니다 )

 Activity를 사용해서 가능하다는 글도 구글링에서 본거 같은데 관련 예제를 못찾아서 결국은 ListActivity를 사용했습니다
 속직히 리스트 액티비티를 사용하면 안될 이유가 없었지만 제가 인터넷에서 찾은 예제가 Activity를 사용하고 있어서 ListActivity로 바꾸는게 쉽지 않았습니다 하지만 리스트를 클릭하기 위해서 자료찾아보면서 바꿨습니다









Activity를 상속했을때와 ListActivity를 사용했을대 xml부분이 달라집니다 (빨간 글씨 참고)


Activity 상속시

<ListView

       android:id="@+id/list"

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"/>

 

ListActivity 상속시

<ListView

       android:id="@id/android:list"

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"/>
 

 


 






그외에 java부분에서도 달라집니다 (기본적인 코딩시)

Activity 상속시 함수 사용

  myListView.setAdapter(adapter);

 

ListActivity 상속시

  setListAdapter(adapter);

 

  


 


 


 

ListActivity 를 사용할때는 ListView를 선언해서 사용할 필요가 없습니다
그래서 위에 java코딩부분처럼  
setListAdapter()를 바로 사용할 수있습니다
이런경우 ListView.~~~ 로 접근해서 해더 푸터를 달아야 하는데 달 수 없게 됩니다
그러나 코딩으로 이 부분을 해결 할 수 있습니다









ListActivity에서 ListView를 선언해서 사용하는 방법입니다 
 
myListView = getListView();
 
 ListView에 getListView()를 담아주면 ListActivity에서 Listview를 선언해서 사용할 수 있습니다











 
파일 첨부한 프로젝트의 스샷 입니다

리스트뷰에 더보기 버튼이 구현되어 있습니다
테스트한 소스이기 때문에 좀 지저분하지만 필요하신 분들 받아서 참고 하세요~









 

dongProject2.zip

 



신고





Posted by 파란물
보물창고/Programming2011.08.09 20:27








안드로이드 프로그램을 위해 리스트뷰 레이아웃을 꾸몄습니다
RelativeLayout 를 사용했습니다
위 화면 구성과 같은 내용으로 왼쪽이 이미지 오른쪽에 아이디 내용 시간을 구성했습니다
기본틀은 아래 블로그를 참고하고 제가 원하는대로 수정을 한 코딩 내용 입니다
http://tigerwoods.tistory.com/13





java 코드 입니다

 

package ibm.cw.f5;

import android.app.Activity;

import android.app.ListActivity;

import android.content.Context;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.ListView;

import android.widget.TextView;

public class DongProject1Activity extends ListActivity {

 

       // ListView 뿌릴 Data

       String[] items={ "Android동해물과 백두산이Android동해물과 백두산이", "iPhone동해물과 백두산이동해물과 백두산이", "UI동해물과 백두산이동해물과 백두산이", "Java동해물과 백두산이동해물과 백두산이", "SDK동해물과 백두산이동해물과 백두산이",

                    "Adapter동해물과 백두산이동해물과 백두산이", "List동해물과 백두산이동해물과 백두산이", "This동해물과 백두산이동해물과 백두산이", "is동해물과 백두산이동해물과 백두산이", "Fun동해물과 백두산이동해물과 백두산이" };

       TextView tv;

       /** Called when the activity is first created. */

       @Override

       public void onCreate(Bundle savedInstanceState) {

             super.onCreate(savedInstanceState);

             setContentView(R.layout.main);

 

             // 커스텀 ArrayAdapter 선언/초기화.

             MyArrayAdapter aa = new MyArrayAdapter(this);

 

             // Activity 아답터로 aa 지정.

             setListAdapter(aa);

 

             tv = (TextView)findViewById(R.id.selection);

       }

 

       // ListView 아이템이 클릭되면 호출되는 callback.

       public void onListItemClick(ListView l, View v, int position, long id) {

             tv.setText(items[position]);

       }

 

       // ArrayAdapter에서 상속받는 커스텀 ArrayAdapter 정의.

       class MyArrayAdapter extends ArrayAdapter {

             // 생성자 내부에서 초기화

             Context context;

 

             // 생성자

             MyArrayAdapter(Context context) {

                    super(context, R.layout.row, items);

 

                   // instance 변수(this.context) 생성자 호출시 전달받은 지역 변수(context) 초기화.

                    this.context = context;

             }

 

             // ListView에서 (row) 화면에 표시하기 호출됨.

             public View getView(int position, View convertView, ViewGroup parent){

                    // LayoutInflater 객체 inflater 현재 context 연결된 inflater 초기화.

                    LayoutInflater inflater = ((Activity)context).getLayoutInflater();

 

                    // inflator객체를 이용하여 \res\laout\row.xml 파싱

                    View row = (View)inflater.inflate(R.layout.row, null);

 

 

                    //아이디를 담은 공간 생성

                    TextView inName = (TextView)row.findViewById(R.id.idname);

                    inName.setText("  " + "IDtest");

 

                    // TextView 객체 label row 객체 내부에 있는 R.id.label 초기화

                    // 내용 담을 공간

                    TextView label = (TextView)row.findViewById(R.id.label);

                    // label 텍스트 설정.

                    label.setText(" " + items[position]);

 

                    //날짜 시간 담을 공간

                    TextView YyMmDd = (TextView)row.findViewById(R.id.yymmdd);

                    YyMmDd.setText("11 8 8" + "  ");

 

                    // items 배열에서 현제 처리중인 위치의 text 길이가 4 이상이면

                    // 아이콘을 'x' 마크로 변경. 4미만일때는 아무 변화없이 xml layout 초기값인 '첵크'마크 사용됨.

                    if(items[position].length()>4) {

 

                           // 이미지뷰 객체 icon row내부에 정의된 R.id.icon으로 초기화.

                           ImageView icon = (ImageView)row.findViewById(R.id.icon);

 

                           // icon 객체가 표현할 리소스를 'x' 마크(R.drawable.delete) 지정.

                           //     icon.setImageResource(R.drawable.delete);

                           icon.setImageResource(R.drawable.tiger);

 

                    }

 

                    // 커스터마이징 View 리턴.

                    return row;

             }

       };

}


 




main XML 입니다

 

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

       android:orientation="vertical"

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"     >

 

       <!-- ListView에서 클릭되는 Item 확인 TextView -->

       <TextView

             android:id="@+id/selection"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:text="No Selection"

             android:textColor="#FF0000"

             android:textSize="20px" />

 

       <!-- ListActivity 기본 ListView -->

       <ListView

             android:id="@id/android:list"

             android:layout_width="fill_parent"

             android:layout_height="fill_parent"     />

      

       <!-- ListView 비어있을때(empty) 표현되는 TextView -->

       <TextView

             android:id="@id/android:empty"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_gravity="center"

             android:text="No Item" />

 

</LinearLayout>

 




row xml 입니다

 

<?xml version="1.0" encoding="utf-8"?>

 

<!-- ListView (Row)마다 적용될 layout -->

<RelativeLayout

       xmlns:android="http://schemas.android.com/apk/res/android"

       android:layout_width="match_parent"

       android:layout_height="match_parent" >

 

       <!-- (row) 시작은 ImageView -->

       <ImageView

             android:id="@+id/icon"

             android:src="@drawable/tiger"

             android:layout_width="100px"

             android:layout_height="100px" />

      

             <!-- ImageView 오른편 위에 표시될 아이디 부분 -->

             <TextView

                    android:layout_toRightOf="@id/icon"

                    android:id="@+id/idname"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:textSize="25px" />

            

             <!-- ImageView 오른편에 표시 Text -->

             <TextView

                    android:layout_alignLeft="@id/idname"

                    android:layout_below="@id/idname"

                    android:id="@+id/label"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:textSize="35px" />

                   

                    <!-- ImageView 오른편에 표시 Text -->

             <TextView

                    android:layout_alignRight="@id/label"

                    android:layout_below="@id/label"

                    android:id="@+id/yymmdd"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:textSize="20px" />

                   

</RelativeLayout>

 
 


신고





Posted by 파란물