brunch

You can make anything
by writing

C.S.Lewis

by 윤형도 Mar 08. 2016

빠르게 배우는 안드로이드 -14  GridView

ListView에서 GridView로 변경해보자


위 강의에 이어서 진행하도록 하겠습니다.


리스트뷰가 한줄에 한개씩 표시하는 위젯이라면 그리드뷰는 한줄에 여러개를 표시하는 위젯입니다.

listView를 GridView 위젯으로만 바꾸면 별다른 조치없이 동작하게됩니다.    

에서 오른쪽 Component Tree에서 listview를 오른쪽으로 클릭후
Morphing-> GridView를 누르면 손쉽게 변경됩니다.    

이제 코드에서 ListView listView를 GridView listView로 변경합니다

listView = (GridView)findViewById(R.id.my_listView);

부분도 GridView를 ListView로 변경합니다

listView = (ListView)findViewById(R.id.my_listView);



public class MainActivity extends AppCompatActivity {
    GridView listView;
    MyListAdapter myListAdapter;
    ArrayList<list_item> list_itemArrayList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        list_itemArrayList = new ArrayList<list_item>();
        listView = (GridView)findViewById(R.id.my_listView);
        String temp ="https://cdn-images-1.medium.com/fit/c/36/36/0*HgJ2Psmia7PjQsp9.jpg";

        list_itemArrayList.add(new list_item("https://cdn-images-1.medium.com/fit/c/36/36/0*HgJ2Psmia7PjQsp9.jpg","보라돌이","제목1",new Date(System.currentTimeMillis()),"내용1"));
        list_itemArrayList.add(new list_item("https://cdn-images-1.medium.com/fit/c/36/36/0*HgJ2Psmia7PjQsp9.jpg","뚜비","제목2",new Date(System.currentTimeMillis()),"내용2"));
        list_itemArrayList.add(new list_item("https://cdn-images-1.medium.com/fit/c/36/36/0*HgJ2Psmia7PjQsp9.jpg","나나","제목3",new Date(System.currentTimeMillis()),"내용3"));
        list_itemArrayList.add(new list_item("https://cdn-images-1.medium.com/fit/c/36/36/0*HgJ2Psmia7PjQsp9.jpg","뽀","제목4",new Date(System.currentTimeMillis()),"내용4"));
        list_itemArrayList.add(new list_item("https://cdn-images-1.medium.com/fit/c/36/36/0*HgJ2Psmia7PjQsp9.jpg","햇님","제목5",new Date(System.currentTimeMillis()),"내용5"));




        myListAdapter = new MyListAdapter(MainActivity.this,list_itemArrayList);
        listView.setAdapter(myListAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this ,list_itemArrayList.get(position).getNickname(),Toast.LENGTH_LONG).show();
            }
        });




    }
}


전체 코드가 이렇게 변경되었습니다.

이제 실행을 해보겠습니다

별다른 변화가 없어 보입니다.

numColumns 라는 속성을 아직 지정해주지 않았기 때문에 기본값이 1이어서 이렇게 나타나는 것입니다.

xml 부분으로 가서 numColumns를 2로 변경해봅니다

다음과 이 2열이 생긴것을 볼수있습니다.

이제 다시 프로젝트를 애뮬레이터로실행해봅니다.

위와 같이 2열로 리스트가 생기는것을 볼수있습니다.

클릭도 해보겠습니다. 코드를 수정하지않았는데도 onItemClick이 정상적으로 동작하는것을 볼수있습니다.



매거진의 이전글 빠르게 배우는 안드로이드 -13  ListView-4
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari