-------------

패턴

패턴을 알면 정해진대로 만들면 되서 고민을 적게 할 수 있다

MVC패턴의 단점 - update insert 시 뷰에서 전체부분을 다시 셀렉트 해야한다

안드로이드에서는 서버에서 뷰를 리턴하는것이 아니라 변경된 데이터만 돌려준다

그래서 해당부분만 변경해야한다

1 데이터변경

2 UI변경

데이터와 UI를 동기화 시켜야한다 setText 등 - 실수 할 수 있고 해당 UI 부분을 찾기가 엄청 힘들다

MVVM - 모델 / 뷰 / 뷰모델

 

뷰 - 데이터 요청, 

모델 - API서버, 클라우드 서버, 핸드폰 내장DB, DB(DB는 바로 연결할 수 없다, 클라이언트에 DB아이디비번을 넣을수 없으므로)

API에서 가져온 데이터를 DB에 먼저 저장하고 리턴해야한다

뷰모델 - 뷰에 필요한 모든 데이터를 들고 있다(ex User, Posts), 상태관리  

DB에 저장된 데이터를 뷰모델에 저장 + LiveData라는 오브젝트에 넣으면 리액트의 state처럼 된다

(뷰모델은 DB를 구독 -> DB가 변경되면 뷰모델이 자동으로 변경) --> 리액티브 프로그래밍
(현재는 어렵고 클라우드서버에서 연습)

뷰는 뷰모델을 구독만 하고 있으면 된다 -> 뷰모델이 변경되면 UI변경이 자동으로 된다

 

소켓통신의 장점 - 연결이 계속 유지가 됨

http서버는 리퀘스트시에만 연결

구독하려면 최초 리퀘스트시에 소켓을 연결

 

---------------

 

1. tedPermission - 권한

2. 카메라 접근 + 메니페스트

3. Room

4. 데이터베이스 정리

5. IO 쓰레드 사용

6. 이미지 정리

7. 메니페스트 정리

 

LayoutInflater는 어플리케이션콘텍스트를 가져올수 있는 곳이면 어디서든 사용가능

 

서비스 파일 생성

 

 

 

 

 

 

AndroidManifest.xml

위 처럼 ide를 통해 만들면 안드로이드 메니페스트에 자동으로 등록된다

 

 

3개를 추가적으로 생성

 

 

command는 서비스 쪽으로 전달한 인텐트 객체의 데이터가 어떤 목적으로 사용되는지 구별하기 위해 넣은것

 

 

startService()메서드에 담은 인텐트 객체는 MyService 클래스의 onStartCommand()메서드로 전달됨

 

 

확인해보면 데이터가 출력됨

 

 

 

MyService

화면이 없는 service에서 화면이 있는 액티비티를 띄우려면 새로운 태스크를 만들어야한다

MainActivity객체가 이미 메모리에 만들어져 있을 때 재사용하도록 

intent.FLAG_ACTIVITY_SINGLE_TOP | intent.FLAG_ACTIVITY_CLEAR_TOP 를 플래그에 추가

 

 

MainActivity

 

 

5초뒤 서비스에서 전달된 인텐트를 메인 액티비티에서 받아서 처리

 

----------

 

Room을 이용한 연락처 앱 만들기

 

새프로젝트 생성

 

복붙

https://github.com/codingspecialist/Android-ContactApp-Room-v1

 

codingspecialist/Android-ContactApp-Room-v1

Contribute to codingspecialist/Android-ContactApp-Room-v1 development by creating an account on GitHub.

github.com

 

 

액션바 바꾸기

onCreateOptionsMenu 액션바에 메뉴 넣기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

메인액티비티 수정

https://ondolroom.tistory.com/664

 

안드로이드 // MainActivity 구성방식

package com.jaybon.contactsapp; import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.widget.Toolbar; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.re..

ondolroom.tistory.com

---

 

편지버튼 누르면 창 뜨고 인서트

 

 

 

-----------

 

전체삭제

 

 

 

 

 

 

---------

프로그래밍의 목적은 데이터베이스의 내용과 동기화 하는 것을 따라감

// DB내용변경 -> 어댑터 데이터 변경 -> UI 갱신
// MVVM의 경우 DB내용변경 -> 어댑터 데이터 변경시 UI 자동갱신
// 리액티브 프로그래밍의 경우 DB내용변경시 어댑터 데이터 자동갱신 +UI 자동갱신

--------

 

클릭시 상세보기

연락처 개별삭제

 

 

 

----------

연락처 수정하기

 

생성자 오버로딩 추가

@Ignore 를 추가하여 Room 데이터베이스에 적용되지 않도록 함

(id는 오토인크리먼트를 사용할 것이므로)

 

리스너를 달아줌

 

 

----------------

 

https://github.com/codingspecialist/Android-ContactApp-Room-ImageUpload-v2

 

codingspecialist/Android-ContactApp-Room-ImageUpload-v2

Contribute to codingspecialist/Android-ContactApp-Room-ImageUpload-v2 development by creating an account on GitHub.

github.com

 

고투 앨범 (프로필사진 앨범 또는 카메라 접근 )

 

매니페스트에 아래코드 추가

 

MainActivity 아래 복붙

더보기
    // 앨범으로 이동
    private void goToAlbum() {
        Intent intent = new Intent(Intent.ACTION_PICK);
        intent.setType(MediaStore.Images.Media.CONTENT_TYPE);
        startActivityForResult(intent, PICK_FROM_ALBUM);
    }

    // 이미지 채우기
    private void setImage() {
        BitmapFactory.Options options = new BitmapFactory.Options();
        Bitmap originalBm = BitmapFactory.decodeFile(tempFile.getAbsolutePath(), options);
        ivProfile.setImageBitmap(originalBm);
    }

    // URI로 이미지 실제 경로 가져오기
    private String getRealPathFromURI(Uri contentURI) {
        String result;
        Cursor cursor = getContentResolver().query(contentURI, null, null, null, null);
        if (cursor == null) { // Source is Dropbox or other similar local file path
            result = contentURI.getPath();
        } else {
            cursor.moveToFirst();
            int idx = cursor.getColumnIndex(MediaStore.Images.ImageColumns.DATA);
            result = cursor.getString(idx);
            cursor.close();
        }
        return result;
    }

    // 이미지 선택 후 이미지 채우기
    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == PICK_FROM_ALBUM) {
            Uri photoUri = data.getData();
            imageRealPath = getRealPathFromURI(photoUri);
            tempFile = new File(imageRealPath);
            setImage();
        }
    }

 

 

 

전역변수에 추가

더보기
    // 사진 업로드
    private CircleImageView ivProfile;
    private File tempFile;
    private String imageRealPath;
    private static final int PICK_FROM_ALBUM = 1;
    private static final int PICK_FROM_CAMERA = 2;

 

Intent는 내장앱이나 다른앱으로도 접근 할 수 있다 (다른앱에서 허용되어있을 경우)

ACTION_PICK

 

결과를 리턴받겠다는 뜻

 

 

사진첩으로 이동한다

 

 

이미지 선택하면 이쪽으로 온다

 

 

 

setImage안되면 변경

 

https://lktprogrammer.tistory.com/188

 

[Android] 안드로이드 - 갤러리에서 이미지 가져오기

1. /res/layout/activity_main.xml ▼ 갤러리에서 가져온 사진을 표현하기 위해 ImageView 위젯 하나를 배치하였습니다. 해당 예제에서는 화면에 배치되어 있는 ImageView..

lktprogrammer.tistory.com

 

-----------

파일 구조변경

ImageUpload

더보기
package com.jaybon.contactsapp.util;

import android.content.Intent;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.provider.MediaStore;

import com.jaybon.contactsapp.MainActivity;

import de.hdodenhof.circleimageview.CircleImageView;

public class ImageUpload {

    public static final int PICK_FROM_ALBUM = 1;

    // 앨범으로 이동
    public static void goToAlbum(MainActivity mainActivity) {
        Intent intent = new Intent(Intent.ACTION_PICK);
        intent.setType(MediaStore.Images.Media.CONTENT_TYPE);
        mainActivity.startActivityForResult(intent, ImageUpload.PICK_FROM_ALBUM);
    }

    // 이미지 채우기
    public static void setImage(String profileURL, CircleImageView ivProfile) {
        BitmapFactory.Options options = new BitmapFactory.Options();
        Bitmap originalBm = BitmapFactory.decodeFile(profileURL, options);
        ivProfile.setImageBitmap(originalBm);
    }

    // URI로 이미지 실제 경로 가져오기
    public static String getRealPathFromURI(Uri contentURI, MainActivity mainActivity) {
        String result;
        Cursor cursor = mainActivity.getContentResolver().query(contentURI, null, null, null, null);
        if (cursor == null) {
            result = contentURI.getPath();
        } else {
            cursor.moveToFirst();
            int idx = cursor.getColumnIndex(MediaStore.Images.ImageColumns.DATA);
            result = cursor.getString(idx);
            cursor.close();
        }
        return result;
    }
}

 

MainActivity

더보기
package com.jaybon.contactsapp;

import android.Manifest;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.provider.MediaStore;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.room.Room;

import com.google.android.material.floatingactionbutton.FloatingActionButton;
import com.gun0912.tedpermission.PermissionListener;
import com.gun0912.tedpermission.TedPermission;
import com.jaybon.contactsapp.adapter.ContactAdapter;
import com.jaybon.contactsapp.db.ContactAppDatabase;
import com.jaybon.contactsapp.db.model.Contact;
import com.jaybon.contactsapp.service.ContactService;
import com.jaybon.contactsapp.util.ImageUpload;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;

import de.hdodenhof.circleimageview.CircleImageView;

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "Main_Activity";
    private Context mContext = MainActivity.this;

    private Toolbar toolbar;
    private RecyclerView recyclerView;
    private RecyclerView.LayoutManager mLayoutManager;
    private ContactAdapter adapter;
    private FloatingActionButton fab;

    private ContactAppDatabase contactAppDatabase;
    private ContactService contactService;
    private List<Contact> contacts;

    // 사진 업로드
    private CircleImageView ivProfile;
    private File tempFile;
    private String imageRealPath;
    private static final int PICK_FROM_ALBUM = 1;
    private static final int PICK_FROM_CAMERA = 2;

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

        // DB관련
        contactAppDatabase = Room.databaseBuilder(getApplicationContext(), ContactAppDatabase.class, "ContactDB")
                .allowMainThreadQueries()
                .fallbackToDestructiveMigration()
                .build();
        contactService = new ContactService(contactAppDatabase.contactRepository());

        initData();
        initObject();
        initDesign();
        initListener();

        tedPermission();
    }

    private void initData(){
        contacts = contactService.연락처전체보기();
    }

    private void initObject(){
        toolbar = findViewById(R.id.toolbar);
        recyclerView = findViewById(R.id.recycler_view_contacts);
        fab = findViewById(R.id.fab);
        ivProfile = findViewById(R.id.iv_profile);
        adapter = new ContactAdapter((MainActivity)mContext , contacts);
    }

    private void initDesign(){
        setSupportActionBar(toolbar);
        getSupportActionBar().setTitle(" Contact App");

        mLayoutManager = new LinearLayoutManager(getApplicationContext());
        recyclerView.setLayoutManager(mLayoutManager);
        recyclerView.setAdapter(adapter);
    }

    private void initListener(){
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                addContactDialog();
            }
        });
    }

    public void addContactDialog(){
        View dialogView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.layout_add_contact, null);
        final EditText etName = dialogView.findViewById(R.id.name);
        final EditText etEmail = dialogView.findViewById(R.id.email);

        // 갤러리 사진 가져오기
        ivProfile = dialogView.findViewById(R.id.iv_profile);
        ivProfile.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ImageUpload.goToAlbum((MainActivity) mContext);
            }
        });

        AlertDialog.Builder dlg = new AlertDialog.Builder(MainActivity.this);
        dlg.setTitle("연락처 등록");
        dlg.setView(dialogView);
        dlg.setPositiveButton("등록", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                createContact(etName.getText().toString(), etEmail.getText().toString());
            }
        });
        dlg.setNegativeButton("닫기", null);
        dlg.show();
    }

    public void editContactDialog(final Contact contact){
        View dialogView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.layout_add_contact, null);
        final EditText etName = dialogView.findViewById(R.id.name);
        final EditText etEmail = dialogView.findViewById(R.id.email);

        // 갤러리 사진 수정하기
        ivProfile = dialogView.findViewById(R.id.iv_profile);
        ivProfile.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //goToAlbum();
            }
        });

        etName.setText(contact.getName());
        etEmail.setText(contact.getEmail());

        AlertDialog.Builder dlg = new AlertDialog.Builder(MainActivity.this);
        dlg.setTitle("연락처 수정");
        dlg.setView(dialogView);
        dlg.setPositiveButton("수정", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
//                createContact(etName.getText().toString(), etEmail.getText().toString());
                Contact updateContact = new Contact(contact.getId(), etName.getText().toString(), etEmail.getText().toString());

                contactService.연락처수정(updateContact);
                notifyListener();

            }
        });
        dlg.setNegativeButton("삭제", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                contactService.연락처삭제(contact.getId());
                notifyListener();
            }
        });
        dlg.show();
    }

    private void createContact(String name, String email) {
        long contactId = contactService.연락처등록(new Contact(name, email));
        Contact contact = contactService.연락처상세보기(contactId);
        adapter.addItem(contact);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {

//        long menuId = item.getItemId(); // 개별 연락처의 번호

        contactService.연락처전체삭제();
        Log.d(TAG, "onOptionsItemSelected: 삭제됨");

        notifyListener();

        return true;
    }

    public void notifyListener(){
        // DB내용변경 -> 어댑터 데이터 변경 -> UI 갱신
        // MVVM의 경우 DB내용변경 -> 어댑터 데이터 변경시 UI 자동갱신
        // 리액티브 프로그래밍의 경우 DB내용변경시 어댑터 데이터 자동갱신 +UI 자동갱신
        adapter.addItems(contactService.연락처전체보기()); // adapter 내용변경
        adapter.notifyDataSetChanged(); // ui 갱신
    }

//    // 앨범으로 이동
//    private void goToAlbum() {
//        Intent intent = new Intent(Intent.ACTION_PICK);
//        intent.setType(MediaStore.Images.Media.CONTENT_TYPE);
//        startActivityForResult(intent, PICK_FROM_ALBUM);
//    }
//
//    // 이미지 채우기
//    public void setImage() {
//        BitmapFactory.Options options = new BitmapFactory.Options();
//        Bitmap originalBm = BitmapFactory.decodeFile(tempFile.getAbsolutePath(), options);
//        ivProfile.setImageBitmap(originalBm);
//    }
//
//    // URI로 이미지 실제 경로 가져오기
//    private String getRealPathFromURI(Uri contentURI) {
//        String result;
//        Cursor cursor = getContentResolver().query(contentURI, null, null, null, null);
//        if (cursor == null) { // Source is Dropbox or other similar local file path
//            result = contentURI.getPath();
//        } else {
//            cursor.moveToFirst();
//            int idx = cursor.getColumnIndex(MediaStore.Images.ImageColumns.DATA);
//            result = cursor.getString(idx);
//            cursor.close();
//        }
//        return result;
//    }

    // 이미지 선택 후 이미지 채우기
    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        Log.d(TAG, "onActivityResult: 사진 선택 후 여기");
        
        if (requestCode == PICK_FROM_ALBUM) { // 앨범에서 가져온 데이터
            Uri photoUri = data.getData();

            imageRealPath = ImageUpload.getRealPathFromURI(photoUri, (MainActivity) mContext);

            Log.d(TAG, "onActivityResult: imageRealPath" + imageRealPath);

            tempFile = new File(imageRealPath);
            ImageUpload.setImage(tempFile.getAbsolutePath(), ivProfile);

        } else if(requestCode == PICK_FROM_CAMERA) {
            // 카메라로 찍은 데이터
        }
    }

    // ------------- 아래는 사진 업로드를 위한 추가 코드 ---------------------
    // https://dd00oo.tistory.com/entry/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%9D%98-%EC%8B%A4%EC%A0%9C%EA%B2%BD%EB%A1%9C-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0

    // 권한 관련
    private void tedPermission() {
        PermissionListener permissionListener = new PermissionListener() {
            @Override
            public void onPermissionGranted() {
                // 권한 요청 성공
            }

            @Override
            public void onPermissionDenied(ArrayList<String> deniedPermissions) {
                // 권한 요청 실패
            }
        };

        TedPermission.with(this)
                .setPermissionListener(permissionListener)
                .setRationaleMessage(getResources().getString(R.string.permission_2))
                .setDeniedMessage(getResources().getString(R.string.permission_1))
                .setPermissions(Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.CAMERA)
                .check();

    }
}

 

----

 

https://github.com/codingspecialist/Android-Room-Service-ImageUpload-V3

 

codingspecialist/Android-Room-Service-ImageUpload-V3

Contribute to codingspecialist/Android-Room-Service-ImageUpload-V3 development by creating an account on GitHub.

github.com

 

 

 

 

 

 

 

 

전역공간에 버튼 추가

 

 

onCreateView 설정

1. 인플레이터를 이용하여 ViewGroup rootView을 만들어주고

2. 버튼을 rootView에서 찾는다

3. 버튼에 클릭 리스너를 추가하고 Intent intent에 첫번째 인자에 현재 액티비티, 두번째 인자에 이동할 액티비티를 추가고 startActivity(intent)를 하여 이동하게 만든다

4. 무조건 아까 만든 rootView를 리턴해야한다

 

 

 

구조

빨간박스 이외의 메뉴들은 지금 블로깅과 크게 관련이 없습니다.

 

코드설명

 

frag1.xml
frag2.xml

프래그먼트를 2개 만들어 봅니다
아래와 같이 간단히 구분할 수 있을 정도로만 만들어서
첫번째와 두번째 프래그먼트를 만듭니다 .

 

 

 

activity_main.xml

빨간박스 이외의 것은 신경쓰지 않으셔도 됩니다.
리니어 레이아웃으로 구성하여 탭레이아웃과 뷰페이저를 입력합니다.

 

 

 

Frag1
Frag2

프래그먼트는 자바파일도 만들어 줘야합니다.
Fragment를 상속받고
onCreateView를 오버라이딩하여
infalter를 이용하여 뷰를 리턴합니다.

기타설명은 주석 참조

 

 

 

FragmentAdapter

프래그먼트를 이용하려면 프래그먼트 어댑터를 쓰는 것이 좋습니다.
FragmentPagerAdapter 또는 FragmentStatePagerAdapter를 원하는대로 상속합니다.

fragmentList : 프래그먼트를 모두 담는 리스트
addFragment : 프래그먼트에 아이템 추가
getItem : 프래그먼트를 가져오기
getCount : 프래그먼트 개수 확인

 

 

 

MainActivity

TabLayout / ViewPager / FragmentAdapter 를 전역변수에 추가하고
onCreate에서 연결시켜준다

연결시켜줄 때
adapter = new FragmentAdapter(getSupportFragmentManager(),1); 의 주석 확인

addFragment로 어댑터에 프래그먼트를 추가하고

뷰페이저에 어댑터를 연결 + 탭레이아웃에 뷰페이저를 연결

마지막으로 탭레이아웃의 탭이름을 정해준다

 

 

 

결과

 

 

 

코드 확인

https://github.com/jaybon1/androidwork/tree/master/toolbarTest

 

jaybon1/androidwork

Contribute to jaybon1/androidwork development by creating an account on GitHub.

github.com

 

 

구조

Frag와 관련된 것은 신경쓰지 말고 나머지만 확인하자

 

코드 설명

 

build.gradle(Module: app)

머터리얼 라이브러리를 추가한다

 

 

 

styles.xml

기본 액션바를 없애고 툴바를 만들 것이기 때문에 
NoActionBar를 입력하자

 

 

 

toolbar.xml

툴바 역할을 할 페이지를 만든다

렐러티브 레이아웃을 사용하고 넓이는 매치 높이는 직접 조절하였음
텍스트뷰를 하나 만들어서 중앙에 배치하고
(종이 위에 작은 종이를 올리듯이) 이미지뷰를 텍스트뷰 아래에 작성하여 텍스트뷰 보다 위로 오도록 한 뒤
부모의 오른쪽에 붙도록 만들었음

 

 

 

nav_header.xml

툴바의 햄버거 버튼을 누르면 나오는 화면중 헤더를 만든다

레이아웃은 크게 상관 없을듯 하며
화면을 위아래로 채우기위해 height를 매치로 한듯 하다
텍스트 뷰를 이용하여 간단히 헤더를 만들어준다.

 

 

nav_menus.xml

메뉴를 누르면 나올 메뉴들을 작성한다

 

 

 

 

activity_main.xml

화면 위에 서랍처럼 메뉴가 밀려와야 되기 때문에
드로어레이아웃을 사용해준다

그리고 드로어레이아웃 하위에 네비게이션뷰를 만들어 주고
end|right를 이용하여 오른쪽에서 밀려나오도록 한다

또한 네비게이션 뷰 안에

        app:headerLayout="@layout/nav_header"
        app:menu="@menu/nav_menus"

위의 코드를 입력하여 헤더와 메뉴들이 나오도록한다

네비게이션뷰 하위에 툴바를 인클루드 시켜준다

 

 

MainActivity

햄버거버튼인 ImageView와
메인레이아웃인 DrawerLayout을 전역변수로설정하고
onCreate에서 xml id로 연결해준다

그리고 imageView에 클릭리스너를 달아줘서
누르면 옆에 있는 것들이 나오도록 한다.

 

 

 

결과

 

 

 

iv_search_

iv_info

iv_infodetail

iv_post

iv_postdetail

iv_slide

iv_join

iv_login

iv_rank_

+ Recent posts