혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

안드로이드 스튜디오, 커스텀 리스트뷰(Costom ListView)를 활용하자

간지뽕빨리턴님 2020. 4. 13. 15:04
반응형

안드로이드스튜디오,앱개발,모바일앱,어플리케이션,전화,통화,버전,API

커스텀 리스트뷰를 활용하여, 간단한 전화 걸기

과제일시 : 2020-04-13

이번에 해볼 것은 저번에 만들었던 것과 비슷하지만 커스텀 리스트뷰를 활용하여 전화를 할 수 있는 어플을 만들어 볼 예정입니다.

 

먼저, 실행화면부터 보여드리겠습니다.

 

실행화면

실행 화면

 

어플리케이션(Application) 동작 순서

1. 실행을 한다.

2. 어플을 실행을 하면, 리스트 뷰로 아이템이 출력이 된다.

3. 아이템 중 하나를 누르면, 해당 아이템의 이름이 토스트(Toast) 메시지 출력이 되며, 키패드에 번호가 입력이 된다.

 

 

소스 코드 [Source Code]

* Project Name : MoviePost
***************************
* File Name : MainActivity.java
package com.example.moviepost;

import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;

import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

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

        ListView list;
        ListViewAdapter adapter;

        list = (ListView)findViewById(R.id.lvMovie);
        adapter = new ListViewAdapter();

        list.setAdapter(adapter);

        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "어머니", "010-1234-4567");
        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "친구1", "010-1234-4567");
        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "친구2", "010-1234-4567");
        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "친구3", "010-1234-4567");
        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "친구4", "010-1234-4567");
        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "친구5", "010-1234-4567");
        adapter.additem(ContextCompat.getDrawable(this, R.drawable.human), "친구6", "010-1234-4567");

        list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                ListViewItem item = (ListViewItem) parent.getItemAtPosition(position);

                String postStr = item.getTitle();
                String descStr = item.getDescript();

                String service = "tel:" + descStr;
                Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse(service));
                startActivity(intent);
                Toast.makeText(MainActivity.this, postStr + "선택됨", Toast.LENGTH_SHORT).show();

            }
        });

    }
}


* ListViewAdapter.java
package com.example.moviepost;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

public class ListViewAdapter extends BaseAdapter {
    ArrayList<ListViewItem> itemList = new ArrayList<ListViewItem>();

    public ListViewAdapter(){

    }

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

    @Override
    public Object getItem(int position) {
        return itemList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        final int pos = position;
        final Context c = parent.getContext();

        if(convertView == null){
            LayoutInflater inflater = (LayoutInflater)c.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.listitem, parent, false);
        }

        ImageView post = (ImageView)convertView.findViewById(R.id.imageView);
        TextView title = (TextView)convertView.findViewById(R.id.textView);
        TextView descript = (TextView)convertView.findViewById(R.id.textView2);

        ListViewItem listitem = itemList.get(pos);
        post.setImageDrawable(listitem.getPost());
        title.setText(listitem.getTitle());
        descript.setText(listitem.getDescript());
        return convertView;
    }

    public void additem(Drawable post, String title, String descript){
        ListViewItem item = new ListViewItem();
        item.setPost(post);
        item.setTitle(title);
        item.setDescript(descript);

        itemList.add(item);
    }
}

* ListViewItem.java
package com.example.moviepost;

import android.graphics.drawable.Drawable;

public class ListViewItem {
    Drawable post;
    String title;
    String descript;

    public Drawable getPost() {
        return post;
    }

    public void setPost(Drawable post) {
        this.post = post;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getDescript() {
        return descript;
    }

    public void setDescript(String descript) {
        this.descript = descript;
    }
}

* activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/lvMovie"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="1dp"
        android:layout_marginLeft="1dp"
        android:layout_marginTop="1dp"
        android:layout_marginEnd="1dp"
        android:layout_marginRight="1dp"
        android:layout_marginBottom="1dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

* listitem.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/movie1" />

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

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:textSize="26dp"
            android:textColor="#000000"
            android:gravity="center_vertical"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:text="TextView" />
    </LinearLayout>
</LinearLayout>

 

 

끝으로

오늘 배운 것은 기존의 리스트뷰를 사용하던 방식에서 조금 다른 방식인 커스텀 리스트 뷰를 활용하여, 해보았습니다. Class들을 기존의 하나의 것으로 사용하던 것보다  listviewadapter와 listviewitem을 추가로 생성하여, 조금 더 쉽게 필요 기능들을 정렬할 수 있었습니다. 아직은 초보적인 기능들이지만 익숙하지않은만큼 기능에 관하여 알아보고 이해해야겠습니다. 그럼 이만 :D