[스마트폰 비교 앱] 3. 버튼별 리스트화면(버튼 3개 작성)

1. DeviceItem Activity 만들기
2. listView 1,2,3 만들기
3. button 만들기(drawble에 selector, text 만들어서 꾸미기)
4. MainActivity.class 수정하기

이번에 만들 것은 버튼별 리스트화면을 제작할 에정이다.

      

1. DeviceItem Activity 만들기

DeviceItem을 만들어보자 해당 item을 만드는 이유는 listView에 표시되는 객체 양식을 설정하기 위하여 만든다.

다음과 같이 아이템을 만들면

리스트 뷰에서 해당 양식에 맞게 표시가 된다.

아래와 같은 양식으로 표시가 된다.

사진이 표시가 안되는 경우는 WAS에서 불러가지고 오는데, 아직 WAS에 파일을 저장하지않았기 때문에 불러오지 못하는 것이니 참고하도록하자.

레이아웃의 코드는 크게 어려울게 없다.

다음과 같이 구성되어 있으니 참고하도록하자

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="211dp"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/profile"
            android:layout_width="120dp"
            android:layout_height="133dp"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:src="@drawable/ic_launcher_foreground" />


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical">

            <TextView
                android:id="@+id/name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left|center"
                android:text="디바이스명"
                android:textSize="24sp" />
        </LinearLayout>

    </LinearLayout>

</LinearLayout>

이번에는 클래스를 보도록하자

코드는 다음과 같이 심플하게 구성되어있다.

마치 Spring VO 객체와 같다고 생각하면된다.

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class DeviceItemActivity extends AppCompatActivity {

    private String imgUrl;
    private String name;

    public String getImgUrl() {
        return imgUrl;
    }
    public String getName() {
        return name;
    }

    public DeviceItemActivity(String imgUrl, String name) {
        this.imgUrl = imgUrl;
        this.name = name;
    }

    @Override
    public String toString() {
        return "DevicesItem{" +
                "imgUrl='" + imgUrl + '\'' +
                ", name='" + name + '\'' +
                '}';
    }
}

2. listView 1,2,3 만들기

리스트 뷰의 layout들은 다음과 같이 심플하게 구성되어있다.

어려운 내용은 없으니 간략하게 코드만 첨부하도록하겠다.

 

<listView1,2,3  아이디만 다르고 내용 동일>

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

    <ListView
        android:id="@+id/devices_listview1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:choiceMode="singleChoice"
        android:dividerHeight="1.5dp"/>

</LinearLayout>

3. button 만들기(drawble에 selector, text 만들어서 꾸미기)