반응형
안드로이드스튜디오,앱개발,모바일앱,어플리케이션,전화,통화,버전,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