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

디버깅 하는 법

 

로그를 먼저 찍고 보는 연습하고 디버그 하자

 

 

 

 

 

 

Step Over 같은 깊이 F8

Step Into 함수안으로 F7

 

sts에서도 라인에 더블클릭하여 디버깅 함

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

 

https://recipes4dev.tistory.com/154

 

안드로이드 리사이클러뷰 기본 사용법. (Android RecyclerView)

1. 안드로이드 리사이클러뷰(RecyclerView) 리사이클러뷰(RecyclerView)는, "많은 수의 데이터 집합을, 제한된 영역 내에서 유연하게(flexible) 표시할 수 있도록 만들어주는 위젯"입니다. [안드로이드 개발

recipes4dev.tistory.com

 

mxl 가져오기

https://github.com/codingspecialist/Android-Retrofit2-MovieApp-V1-Design

 

codingspecialist/Android-Retrofit2-MovieApp-V1-Design

Contribute to codingspecialist/Android-Retrofit2-MovieApp-V1-Design development by creating an account on GitHub.

github.com

 

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

    <include layout="@layout/toolbar_main"/>

    <include layout="@layout/card_item" />
    <include layout="@layout/card_item" />
    <include layout="@layout/card_item" />
    <include layout="@layout/card_item" />
    <include layout="@layout/card_item" />

    <!--리사이클러뷰 넣어야 함-->

</LinearLayout>

 

card_item.xml

더보기
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <androidx.cardview.widget.CardView
            android:id="@+id/cardView"
            android:layout_margin="20dp"
            android:layout_width="match_parent"
            android:layout_height="120dp"
            app:cardCornerRadius="10dp"
            app:cardElevation="20dp">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <TextView
                    android:id="@+id/tv_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:layout_marginEnd="16dp"
                    android:textStyle="bold"
                    android:text="벤자민 버튼의 시간은 거꾸로 간다."
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintHorizontal_bias="1.0"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

                <TextView
                    android:id="@+id/tv_rating"
                    android:layout_width="29dp"
                    android:layout_height="23dp"
                    android:layout_marginTop="12dp"
                    android:text="9.9"
                    app:layout_constraintEnd_toEndOf="@+id/tv_title"
                    app:layout_constraintTop_toBottomOf="@+id/tv_title" />

                <RatingBar
                    android:id="@+id/rating_bar"
                    style="?android:attr/ratingBarStyleIndicator"
                    android:layout_width="186dp"
                    android:layout_height="36dp"
                    android:layout_marginTop="28dp"
                    android:numStars="5"
                    app:layout_constraintEnd_toEndOf="@+id/tv_rating"
                    app:layout_constraintTop_toTopOf="@+id/tv_rating" />

            </androidx.constraintlayout.widget.ConstraintLayout>

        </androidx.cardview.widget.CardView>

    </RelativeLayout>

    <RelativeLayout

        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <com.makeramen.roundedimageview.RoundedImageView
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/iv_poster"
            android:src="@drawable/main"
            android:layout_marginLeft="40dp"
            android:layout_marginTop="10dp"
            android:layout_width="110dp"
            android:layout_height="120dp"
            android:scaleType="fitXY"
            app:riv_corner_radius="20dip"
            app:riv_border_width="2dip"
            app:riv_border_color="#FFFFFF"
            app:riv_mutate_background="true"
            app:riv_tile_mode="clamp" />

    </RelativeLayout>


</FrameLayout>

 

toolbar_main.xml

더보기
<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar
    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="wrap_content"
    android:id="@+id/toolbar"
    android:elevation="20dp"
    app:contentInsetStart="0dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_marginLeft="10dp"
            android:id="@+id/menu_Icon"
            android:layout_width="45dp"
            android:layout_height="40dp"
            android:src="@drawable/ic_dehaze"
            android:scaleType="fitXY"
            android:layout_centerVertical="true"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:textSize="25sp"
            android:textStyle="bold"
            android:text="Movie"
            android:gravity="center_vertical|center_horizontal" />

        <ImageView
            android:layout_marginRight="10dp"
            android:id="@+id/search_icon"
            android:layout_width="45dp"
            android:layout_height="40dp"
            android:src="@drawable/ic_search"
            android:scaleType="fitXY"
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"/>

    </RelativeLayout>

</androidx.appcompat.widget.Toolbar>

 

 

https://github.com/codingspecialist/Android-Retrofit2-MovieApp-V2-Complete

 

codingspecialist/Android-Retrofit2-MovieApp-V2-Complete

Contribute to codingspecialist/Android-Retrofit2-MovieApp-V2-Complete development by creating an account on GitHub.

github.com

 

YtsData

더보기
package com.jaybon.movieapp;

import java.util.List;

import lombok.Data;

@Data
public class YtsData {
    private String status;
    private String status_message;
    private MyData data;

    @Data
    public class MyData { // 외부에서 접근할 필요가 있는 것은 public

        private int movie_count;
        private int limit;
        private int page_number;
        private List<Movie> movies;

        @Data
        class Movie{
            private String title;
            private float rating;
            private String medium_cover_image;
        }
    }

}

 

 

레트로핏 서비스(레파지토리) 예시

package com.jaybon.movieapp;

import retrofit2.Call;
import retrofit2.Retrofit;
import retrofit2.converter.gson.GsonConverterFactory;
import retrofit2.http.GET;
import retrofit2.http.Path;
import retrofit2.http.Query;

// YtsService 또는 레파지토리로 만들면된다
public interface YtsService {

    @GET("list_movies.json")
    Call<YtsData> 영화목록가져오기(
            @Query("sort_by") String sort_by,
            @Query("limit") int limit,
            @Query("page") int page
    );

    // onCreate에서 안만들고 여기서 바로 만들어버림
    // 서비스가 많아지면 컨피그 인터페이스 파일 만들어서 세팅
    public static final Retrofit retrofit = new Retrofit.Builder()
            .baseUrl("https://yts.mx/api/v2/")
            .addConverterFactory(GsonConverterFactory.create())
            .build();
}

 

 

메인액티비티

 

 

 

activity_main.xml

 

YtsAdapter

 

피카소 버전에 따라 with나 get을 사용해야한다

implementation 'com.squareup.picasso:picasso:2.71828'

 

더보기
package com.jaybon.movieapp;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RatingBar;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.squareup.picasso.Picasso;

import java.util.ArrayList;
import java.util.List;

public class YtsAdapter extends RecyclerView.Adapter<YtsAdapter.MyViewHolder>{

    private static final String TAG = "YtsAdapter";

    // 어댑터는 항상 데이터(컬렉션)을 들고 있어야한다.
    private List<YtsData.MyData.Movie> movies = new ArrayList<>();

    // 아이템을 개별로 넣기
    public void addItem(YtsData.MyData.Movie movie){
        movies.add(movie);
    }

    // 리스트를 바로 넣기
    public void addItems(List<YtsData.MyData.Movie> movies){
        this.movies = movies;
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        View cardItemView = inflater.inflate(R.layout.card_item, parent, false); // false : 동적
        return new MyViewHolder(cardItemView);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        holder.setItem(movies.get(position));
    }

    @Override
    public int getItemCount() {
        return movies.size();
    }

    // 책꽂이 (View들을 채워 두면 됨)
    // 뷰가 만들어지려면 card_item이 들고있는 모든 뷰들을 전역변수로 설정해야함
    public static class MyViewHolder extends RecyclerView.ViewHolder {

        private ImageView ivPoster;
        private TextView tvTitle;
        private TextView tvRating;
        private RatingBar ratingBar;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            ivPoster = itemView.findViewById(R.id.iv_poster);
            tvTitle = itemView.findViewById(R.id.tv_title);
            tvRating = itemView.findViewById(R.id.tv_rating);
            ratingBar = itemView.findViewById(R.id.rating_bar);
        }

        public void setItem(YtsData.MyData.Movie movie){
            tvTitle.setText(movie.getTitle());
            tvRating.setText(movie.getRating()+"");
            Picasso.get().load(movie.getMedium_cover_image()).into(ivPoster);
            ratingBar.setRating(movie.getRating()/2);
        }

    }

}

 

MainActivity

더보기
package com.jaybon.movieapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.widget.Toast;

import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "Main_Activity";
    private Context mContext = MainActivity.this; // 메인액티비티는 액티비티+xml정보

    private RecyclerView recyclerView;
    private RecyclerView.LayoutManager layoutManager; // 리사이클러뷰는 무조건 이것이 필요하다
    private YtsAdapter adapter;

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

        // 오브젝트 초기화
        init();



        // 다운로드
        initDownload();
        
    }

    private void init(){
        recyclerView = findViewById(R.id.recycler_view);
//        recyclerView.setHasFixedSize(); // 리사이클러뷰 높이

        layoutManager = new LinearLayoutManager(mContext, LinearLayoutManager.VERTICAL, false);
        recyclerView.setLayoutManager(layoutManager);
        adapter = new YtsAdapter();
    }

    // Yts 데이터 받기
    private void initDownload(){
        YtsService ytsService = YtsService.retrofit.create(YtsService.class);

        // 미래의 데이터를 call에 담기 (퓨처)
        Call<YtsData> call = ytsService.영화목록가져오기("rating",10,1);

        // enqueue가 하는 역할은 응답 받아주는 것 (프로미스의 then 과 같음)
        call.enqueue(new Callback<YtsData>() {
            @Override
            public void onResponse(Call<YtsData> call, Response<YtsData> response) {
                if(response.isSuccessful() == true){
                    YtsData ytsData = response.body();
                    // 리사이클러뷰 어댑터에 연결
                    recyclerView.setAdapter(adapter);
                    adapter.addItems(ytsData.getData().getMovies());

                }
            }

            @Override
            public void onFailure(Call<YtsData> call, Throwable t) { // 에러가 궁금하면 t.를 통해서 확인
                Toast.makeText(MainActivity.this, "다운로드 실패", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

 

이벤트다는법

1. 라이브러리 없이 뷰를 연결

뷰가 만들어지는 곳에서 이벤트 달기

교재 417

 

2.메인adapter에 setItemClicklistener달기

교재 434

 

3. 메인에 리스너

 

 

 

4. 라이브러리

 

 

 

 

 

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

디펜던시 정리

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

맵리듀스 - 분산 처리

하둡 - 데이터를 분산시켜서 모으기

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

 

 

https://square.github.io/retrofit/

 

Retrofit

A type-safe HTTP client for Android and Java

square.github.io

 

 

아래 페이지에서 레트로핏 강의 듣기

https://codinginflow.com/

 

Tutorials - Coding in Flow

⭐ Newest Tutorials Language Tutorials Kotlin Android Tutorials 🏛️ Architecture & Best Practices Room + ViewModel + LiveData + RecyclerView (MVVM) Dagger 2 View Binding Data Binding Testing 📏 Layout ... Read more

codinginflow.com

 

 

레트로핏은 쓰레드 콜백 다된다

 

 

통신할 때 인터페이스를 만드는데

어노테이션 @GET을 만들어 놓고

함수를 호출하면 해당주소로 요청하여 제이슨으로 받아서 오브젝트로 저장한다

내 레파지토리가 있는 것처럼 가져올 수 있다

 

 

baseUrl에 주소가 있다

 

 

헤더도 붙일 수 있다

 

 

주소에서 변수받기

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

 

 

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

 

 

 

implementation 'com.squareup.retrofit2:retrofit:(insert latest version)'

 

 

버전 적을 때 괄호 삭제

 

 

 

 

오류가난다 (Gson 설치해야함)

 

 

메이븐레파지토리에서 지선 임플리먼테이션

 

 

지선 컨버터 임플리먼테이션

 

 

 

 

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

Gson 어노테이션 공부하기

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

 

 

복붙

androidX가 아니다 주의! 내용만 복사해서 쓰자.

 

 

 

 

 

 

메인액티비티

 

 

 

 

앱 접근권한

<uses-permission android:name="android.permission.INTERNET" />

 

 

에러나면

https://stackoverflow.com/questions/59448845/no-static-method-metafactory

 

No static method metafactory

I have an issue with my app that when I log in, the app crashes and I get the error: java.lang.NoSuchMethodError: No static method metafactory(Ljava/lang/invoke/MethodHandles$Lookup;Ljava/lang/Str...

stackoverflow.com

 

확인

 

추가

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }

 

 

https://yts.mx/api#list_movies

 

API Documentation - YTS YIFY

Official YTS YIFY API documentation. YTS offers free API - an easy way to access the YIFY movies details.

yts.mx

 

 

----

cors 정책 - cross origin

----

 

 

롬복 라이브러리 추가

    compileOnly 'org.projectlombok:lombok:1.18.8'
    annotationProcessor 'org.projectlombok:lombok:1.18.8'

 

 

Yts 모델 생성

더보기
package com.jaybon.retrofit2ex01;

import java.util.List;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@Builder
public class Yts {

    public String status;
    public String statusMessage;
    public Data data;
    public Meta meta;

    @lombok.Data
    public class Data {

        public long movieCount;
        public long limit;
        public long pageNumber;
        public List<Movie> movies = null;

        @lombok.Data
        public class Movie {

            public long id;
            public String url;
            public String imdbCode;
            public String title;
            public String titleEnglish;
            public String titleLong;
            public String slug;
            public long year;
            public double rating;
            public long runtime;
            public List<String> genres = null;
            public String summary;
            public String descriptionFull;
            public String synopsis;
            public String ytTrailerCode;
            public String language;
            public String mpaRating;
            public String backgroundImage;
            public String backgroundImageOriginal;
            public String smallCoverImage;
            public String mediumCoverImage;
            public String largeCoverImage;
            public String state;
            public List<Torrent> torrents = null;
            public String dateUploaded;
            public long dateUploadedUnix;

            @lombok.Data
            public class Torrent {

                public String url;
                public String hash;
                public String quality;
                public String type;
                public long seeds;
                public long peers;
                public String size;
                public long sizeBytes;
                public String dateUploaded;
                public long dateUploadedUnix;

            }

        }

    }

    @lombok.Data
    public class Meta {

        public long serverTime;
        public String serverTimezone;
        public long apiVersion;
        public String executionTime;

    }

}

 

 

JsonPlaceHolderApi

더보기
package com.jaybon.retrofit2ex01;

import java.util.List;
import retrofit2.Call;
import retrofit2.http.GET;
public interface JsonPlaceHolderApi {
    @GET("posts")
    Call<List<Post>> getPosts();

    @GET("list_movies.json&sort_by=rating")
    Call<Yts> getYts();
}

 

 

메인 액티비티

더보기
package com.jaybon.retrofit2ex01;

import android.os.Bundle;
import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

import java.util.List;

import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;
import retrofit2.Retrofit;
import retrofit2.converter.gson.GsonConverterFactory;

public class MainActivity extends AppCompatActivity {

    private TextView textViewResult;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textViewResult = findViewById(R.id.text_view_result);
        Retrofit retrofit = new Retrofit.Builder()
                .baseUrl("https://yts.mx/api/v2/")
                .addConverterFactory(GsonConverterFactory.create())
                .build();
        JsonPlaceHolderApi jsonPlaceHolderApi = retrofit.create(JsonPlaceHolderApi.class);
        Call<Yts> call = jsonPlaceHolderApi.getYts();
        call.enqueue(new Callback<Yts>() {
            @Override
            public void onResponse(Call<Yts> call, Response<Yts> response) {
                if (!response.isSuccessful()) {
                    textViewResult.setText("Code: " + response.code());
                    return;
                }
                Yts yts = response.body();
                for (Yts.Data.Movie movie : yts.data.movies) {
                    String content = "";
                    content += "ID: " + movie.getId()  + "\n";
                    content += "Title: " + movie.getTitle() + "\n";
                    content += "Summary: " + movie.getSummary() + "\n";
                    content += "img: " + movie.getBackgroundImage() + "\n\n";
                    textViewResult.append(content);
                }
            }
            @Override
            public void onFailure(Call<Yts> call, Throwable t) {
                textViewResult.setText(t.getMessage());
            }
        });
    }
}

 

 

 

 

 

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

 

쿼리스트링 맵으로 넣기

 

 

 

 

 

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

 

스프링 서버에서 데이터가져오기

 

https 요청이 아닌 http 요청시! 주의사항

"CLEARTEXT communication to XXXX not permitted by network security policy"

https://gun0912.tistory.com/80

 

[안드로이드]CLEARTEXT communication to XXXX not permitted by network security policy

"CLEARTEXT communication to XXXX not permitted by network security policy" 어느날 코드를 바꾼게 없는데도 위와 같은 오류가 발생하면서 앱이 실행이 안되는 일이 발생합니다. 그 이유는 여러분 혹은 사용자..

gun0912.tistory.com

 

 

User

더보기
package com.jaybon.retrofit2ex01;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@Builder
public class User {

    public long id;
    public String username;
    public String password;
    public String email;
    public Object profile;
    public String createDate;

}

 

JsonPlaceHolderApi

더보기
package com.jaybon.retrofit2ex01;

import java.util.List;
import java.util.Map;

import retrofit2.Call;
import retrofit2.http.GET;
import retrofit2.http.QueryMap;

public interface JsonPlaceHolderApi {
    @GET("posts")
    Call<List<Post>> getPosts();

    @GET("list_movies.json&sort_by=rating")
    Call<Yts> getYts();

    @GET("userdata")
    Call<List<User>> getUsers();
}

 

MainActivity

더보기
package com.jaybon.retrofit2ex01;

import android.os.Bundle;
import android.util.Log;
import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;
import retrofit2.Retrofit;
import retrofit2.converter.gson.GsonConverterFactory;

public class MainActivity extends AppCompatActivity {

    private TextView textViewResult;
    private static final String TAG = "Main_Activity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textViewResult = findViewById(R.id.text_view_result);
        Retrofit retrofit = new Retrofit.Builder()
                .baseUrl("http://192.168.0.60:8000/")
                .addConverterFactory(GsonConverterFactory.create())
                .build();
        JsonPlaceHolderApi jsonPlaceHolderApi = retrofit.create(JsonPlaceHolderApi.class);


        // 쿼리스트링 만들기
        Map<String, String> queryString = new HashMap<>();
        queryString.put("sort_by", "rating");
        queryString.put("page", "2");


        Call<List<User>> call = jsonPlaceHolderApi.getUsers();
        call.enqueue(new Callback<List<User>>() {
            @Override
            public void onResponse(Call<List<User>> call, Response<List<User>> response) {
                Log.d(TAG, "onResponse: "+response.message());
                Log.d(TAG, "onResponse: "+response.headers());

                if (!response.isSuccessful()) {
                    textViewResult.setText("Code: " + response.code());
                    return;
                }
                List<User> users = response.body();
                for (User user : users) {
                    String content = "";
                    content += "ID: " + user.getId()  + "\n";
                    content += "유저명: " + user.getUsername() + "\n";
                    content += "이메일: " + user.getEmail() + "\n\n";
                    textViewResult.append(content);
                }
            }
            @Override
            public void onFailure(Call<List<User>> call, Throwable t) {
                Log.d(TAG, "onFailure: "+t.getMessage());
                textViewResult.setText(t.getMessage());
            }
        });
    }
}

 

 

 

 

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

 

피키소 - 이미지 그대로 - 퀄리티

글라이드 - 이미지 용량 줄여서 - 퍼포먼스

유니버셜이미지로더 

 

https://blog.naver.com/getinthere/221636149736

 

안드로이드 RecyclerView.Adapter를 이용한 RecyclerView 5 (Retrofit2) 구글 Glide 이미지로더

Picasso 대신 Glide 사용하기https://github.com/bumptech/glideGlide는 구글에서 만든 이미지 로더 라...

blog.naver.com

 

자바에서는 동영상이나 이미지 받을 때 힙메모리 영역에 받는다

그래서 받으면서 힙용량을 늘리는 방식을 쓰든 해야한다

jvm의 힙최대영역은 컴퓨터 메모리의 절반이다

 

피카소 의존성

메니페스트 인터넷설정

http 요청 설정

 

 

 

 

사용법

이미지주소와 이미지뷰를 선택만 하면된다

 

 

https://github.com/square/picasso

 

square/picasso

A powerful image downloading and caching library for Android - square/picasso

github.com

 

 

피카소 의존성

implementation 'com.squareup.picasso:picasso:2.71828'

 

 

메니페스트 설정

http 요청 설정

 

 

Picasso.get()는 IO가 일어나기 때문에 쓰레드와 핸들러가 있을 것을 예상해야한다

 

 

 

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

 

글라이드

 

https://github.com/bumptech/glide

 

bumptech/glide

An image loading and caching library for Android focused on smooth scrolling - bumptech/glide

github.com

 

의존성

  implementation 'com.github.bumptech.glide:glide:4.11.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0'

 

Glide.with(this).load("http://goo.gl/gEgYUd").into(imageView);

 

 

 

 

 

 

 

 

 

 

 

 

 

 

drawable 이미지가 안보일 때에는 이미지명을 영어로 시작해보자

시작이 숫자나 특문일 경우 인식이 안된다

 

-

렐러티브 레이아웃

리니어가 아니기 때문에 오리엔테이션이 필요 없다

 

 

버튼 2개를 추가했으나 겹쳐버린다

 

 

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

 

 

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

 

 

위아래 배치

 

더보기
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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">


    <Button
        android:id="@+id/btn1"
        android:layout_alignParentTop="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Top Menu" />

    <Button
        android:id="@+id/btn2"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Bottom Menu" />

    

</RelativeLayout>

리니어로 위와같이 하려면 마진을 엄청 줘야하고 불편하다

그래서 렐러티브를 이용한다

 

 

드래그하면 코드 위치가 바뀐다

 

 

부모와의 관계

 

 

start 는 시작위치가 위인지 왼쪽인지 상관없이 시작지점

 

 

다른 컴포넌트의 아래에 배치

 

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

 

 

btn2의 위쪽에 배치

 

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

 

 

 

더보기
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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">


    <Button
        android:id="@+id/btn1"
        android:layout_alignParentTop="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Top Menu1" />

    <Button
        android:id="@+id/btn4"
        android:layout_toRightOf="@id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Top Menu2" />

    <Button
        android:id="@+id/btn3"
        android:layout_below="@id/btn1"
        android:layout_above="@id/btn2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Bottom Menu" />

    <Button
        android:id="@+id/btn2"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Bottom Menu" />


</RelativeLayout>

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

 

 

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

 

 

겹쳐버린다

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

 

 

렐러티브 레이아웃은 HTML의 div 와 같은 역할 

-----------

 

 

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

 

 

 

더보기
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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">


    <RelativeLayout
        android:id="@+id/top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/btn1"
            android:layout_alignParentTop="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Top Menu1" />

        <Button
            android:id="@+id/btn4"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="20dp"
            android:layout_toRightOf="@id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Top Menu2" />

    </RelativeLayout>

    <Button
        android:id="@+id/btn3"
        android:layout_below="@id/top"
        android:layout_above="@id/btn2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Bottom Menu" />

    <Button
        android:id="@+id/btn2"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Bottom Menu" />


</RelativeLayout>

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

 

리니어 레이아웃 정리

 

더보기를 눌러 전체코드 확인

더보기
<?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:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <Button
        android:id="@+id/button"
        android:layout_weight="1"
        android:gravity="left"
        android:layout_width="100dp"
        android:layout_height="0dp"
        android:text="b1" />

    <Button
        android:id="@+id/button2"
        android:layout_weight="1"
        android:gravity="right"
        android:layout_gravity="right"
        android:layout_width="100dp"
        android:layout_height="0dp"
        android:text="b2" />

    <Button
        android:id="@+id/button3"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:layout_width="100dp"
        android:layout_height="0dp"
        android:text="b3" />


</LinearLayout>

 

-

 

버튼 내의 글자를 옮기기

 

 

속성을 줄때 id 아래에 주자

gravity로 위치조정

 

 

스마트폰 화면 전체를 window 라고 부른다

window는 백그라운드로 항상 깔려 있다

그 위에 올라가는 것이 activity

하나의 앱에는 여러개의 activity가  있다 (메인 로그인 회원가입 화면 등)

activity 위에는 SurfaceView가 올라간다

앱을 만든다는 것은 SurfaceView라는 하얀도화지에 그림을 그린다

 

뷰 - 그림

위젯 - 이벤트가 달려 있는 그림 - 안드로이드에서 제공하는 그림들 - 버튼 텍스트뷰 등등

머터리얼 - 

 

위젯을 직접만드는 것은 쉽지 않고, 기존의 것을 커스텀하여 사용

 

activity는
(1)자바파일
-로직
(2)XML
-화면

위의 두가지가 onCreate에서 합쳐져서 출력된다

 

자바에서는 함수에 파라미터로 넘기지만 

안드로이드에서는 시리얼 통신을 하여 데이터를 전송

 

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

뎁스depth가 있으면 있을수록 느려진다

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

애매한 위치에 배치하려면 margin을 줘야한다

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

 

+ Recent posts