Android (갤러리, 스피너, 구글 지도, 구글 클라우드, API 연동, 아이콘 생성 )

1. 갤러리

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Gallery
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/gallery"
        android:spacing="5dp"/>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageViewPoster"
        android:padding="20dp"/>

</LinearLayout>

package kr.jeongmo.a0513_project

import android.content.Context
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.Gallery
import android.widget.ImageView

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        title = "갤러리 영화 포스터"

        val gallery = findViewById<Gallery>(R.id.gallery)
        val myGalleryAdapter = MyGalleryAdapter(this)
        gallery.adapter = myGalleryAdapter
    }
    inner class MyGalleryAdapter(val context: Context): BaseAdapter() {
        val posterId = arrayOf(
            R.drawable.mov01,R.drawable.mov02,R.drawable.mov03,
            R.drawable.mov04,R.drawable.mov05,R.drawable.mov06,
            R.drawable.mov07,R.drawable.mov08,R.drawable.mov09,
            R.drawable.mov10,R.drawable.mov11,R.drawable.mov12,
        )
        override fun getCount(): Int {
            return posterId.size
        }

        override fun getItem(p0: Int): Any {
            return 0
        }

        override fun getItemId(p0: Int): Long {
            return 0
        }

        override fun getView(p0: Int, p1: View?, p2: ViewGroup?): View {
            val imageView = ImageView(context)
            imageView.layoutParams = Gallery.LayoutParams(200,300)
            imageView.scaleType = ImageView.ScaleType.FIT_CENTER
            imageView.setPadding(5,5,5,5)
            imageView.setImageResource(posterId[p0])

            return imageView
        }
    }
}

override fun getView(p0: Int, p1: View?, p2: ViewGroup?): View {
    val imageView = ImageView(context)
    imageView.layoutParams = Gallery.LayoutParams(200,300)
    imageView.scaleType = ImageView.ScaleType.FIT_CENTER
    imageView.setPadding(5,5,5,5)
    imageView.setImageResource(posterId[p0])

    imageView.setOnTouchListener { v, event ->
        val imageViewPoster = findViewById<ImageView>(R.id.imageViewPoster)
        imageViewPoster.scaleType = ImageView.ScaleType.FIT_CENTER
        imageViewPoster.setImageResource(posterId[p0])
        false
    }

    return imageView

 

2. 스피너

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner"/>

</LinearLayout>

package kr.jeongmo.a0513_project_spinner

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ArrayAdapter
import android.widget.Spinner

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        title = "스피너 테스트"

        val movie = arrayOf("써니", "완득이", "괴물", "라디오 스타", "비열한 거리",
        "왕의 남자", "아일랜드", "웰컴 투 동막골", "헬보이", "백 투더 퓨처")

        val spinner = findViewById<Spinner>(R.id.spinner)

        val adapter: ArrayAdapter<String> =
            ArrayAdapter(this, android.R.layout.simple_spinner_item,movie)
        spinner.adapter = adapter

    }

}

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner"/>

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="20dp"/>

</LinearLayout>

 

package kr.jeongmo.a0513_project_spinner

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.AdapterView
import android.widget.ArrayAdapter
import android.widget.ImageView
import android.widget.Spinner

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        title = "스피너 테스트"

        val movie = arrayOf("써니", "완득이", "괴물", "라디오 스타", "비열한 거리",
        "왕의 남자", "아일랜드", "웰컴 투 동막골", "헬보이", "백 투더 퓨처")

        val spinner = findViewById<Spinner>(R.id.spinner)

        val adapter: ArrayAdapter<String> =
            ArrayAdapter(this, android.R.layout.simple_spinner_item,movie)
        spinner.adapter = adapter

        val posterID = arrayOf(
            R.drawable.mov01,R.drawable.mov02,R.drawable.mov03,R.drawable.mov04,
            R.drawable.mov05,R.drawable.mov06,R.drawable.mov07,R.drawable.mov08,
            R.drawable.mov09,R.drawable.mov10
        )
        spinner.onItemSelectedListener = object: AdapterView.OnItemSelectedListener {
            override fun onItemSelected(p0: AdapterView<*>?, p1: View?, p2: Int, p3: Long) {
                val imageView = findViewById<ImageView>(R.id.imageView)
                imageView.scaleType = ImageView.ScaleType.FIT_CENTER
                imageView.setPadding(5,5,5,5)
                imageView.setImageResource(posterID[p2])
            }

            override fun onNothingSelected(p0: AdapterView<*>?) {
                
            }
        }

    }

}

 

3. 구글 지도

 - Google Play services 체크 확인

 

 

 - 오른쪽 탭 Gradle > 코끼리 아이콘 > gradle signingReport 작성 후 실행

 - 확인

 

 - 패키지명 확인

https://cloud.google.com/

클라우드 컴퓨팅 서비스 | Google Cloud

 - 이동 > 계정 생성

 

 - 접속 후 [콘솔] 클릭

\

 - 약관 동의

 

 - 콘솔에서 API 및 서비스 클릭

 

 

 

 - 알아보기 쉬운 프로젝트명으로 하고 프로젝트 생성

 - 버튼 클릭

 

 

 - 아이콘 누른 뒤 > 사용 클릭

 - 결제 수단 입력 후 > 무료로 시작하기 클릭

 

 - API 키 복사 해둘 것

 - 키보호 하기

 - SHA-1 인증서 디지털 지문 : Gradle signingReport 실행하면 확인 가능

 

    // Google Map
    implementation('com.google.android.gms:play-services-maps:17.0.0')
    implementation('com.google.android.gms:play-services-location:17.0.0')

 

 - build.gradle에 위 코드 2줄 추가

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="kr.jeongmo.a0513_project_google">
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.0513_project_Google">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <!-- 구글 플레이 서비스 버전을 적은 것으로 그대로 타이핑 -->
        <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
        <!-- 안드로이드 파이 버전부터 필요 -->
        <uses-library android:name="org.apache.http.legacy" android:required="false"/>
        <!-- 구글 클라우드 플랫폼에서 발급받은 API 키 -->
        <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="구글클라우드 API키"/>
    </application>

</manifest>

 

<?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:map="http://schemas.android.com/apk/res-auto"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.MapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    map:cameraTargetLat="35.86952722"
    map:cameraTargetLng="128.6061745"
    map:cameraZoom="15"/>

 - activity_main.xml에 위 코드 작성

 

package kr.jeongmo.a0513_project_google

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.Menu
import android.view.MenuItem
import com.google.android.gms.maps.*
import com.google.android.gms.maps.model.LatLng

class MainActivity : AppCompatActivity(), OnMapReadyCallback {
    lateinit var googleMap: GoogleMap
    lateinit var mapFragment: MapFragment

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        title = "Google 지도 활용"

        mapFragment = fragmentManager.findFragmentById(R.id.map) as MapFragment
        mapFragment.getMapAsync(this)
    }

    override fun onMapReady(p0: GoogleMap?) {
        googleMap = p0!!
//        googleMap.mapType = GoogleMap.MAP_TYPE_SATELLITE
//        googleMap.moveCamera(CameraUpdateFactory
//            .newLatLngZoom(LatLng(35.86952722, 128.6061745), 15f))
    }

    override fun onCreateOptionsMenu(menu: Menu): Boolean {
        super.onCreateOptionsMenu(menu)
        menu.add(0, 1, 0, "위성 지도")
        menu.add(0, 2, 0, "일반 지도")
        menu.add(0, 3, 0, "월드컵경기장 바로가기")
        return true
    }

    override fun onOptionsItemSelected(item: MenuItem): Boolean {
        when (item.itemId) {
            1 -> {
                googleMap.mapType = GoogleMap.MAP_TYPE_HYBRID
                return true
            }
            2 -> {
                googleMap.mapType = GoogleMap.MAP_TYPE_NORMAL
                return true
            }
            3 -> {
                googleMap.moveCamera(
                    CameraUpdateFactory
                        .newLatLngZoom(LatLng(35.86952722, 128.6061745), 15f)
                )
                return true
            }
        }
        return true
    }

}

 

 - drawable > New > Vector Asset 클릭

 

- camera 검색 

 - 이름 변경, 색상 변경 > next > finish

 

---

공부 과정을 정리한 것이라 내용이 부족할 수 있습니다.

부족한 내용은 추가 자료들로 보충해주시면 좋을 것 같습니다.

읽어주셔서 감사합니다 :)