[ Retrofit2. 3. 참고 URL ]

 

 

 

1. 예제 : http://blog.naver.com/12341995/220936006667 : Retrofit2를 이용하여 JSON Object 서버에 전송

 

Posted by 농부지기
,

 

 OkHttpClient okHttpClient = new OkHttpClient.Builder()
                //  SSL 인증 과정 진행
                .hostnameVerifier (hostnameVerifier)
                //  헤더에 AUTHORIZATION 정보를 추가
                .addInterceptor (new Interceptor ()
                {
                    @Override
                    public okhttp3.Response intercept (Chain chain) throws IOException
                    {
                        Request request = chain.request ().newBuilder ().addHeader ("AUTHORIZATION", headerToken).build ();
                        return chain.proceed (request);
                    }
                })

 

 

//  통신 시 json 사용과 해당 객체로의 파싱을 위해 생성,
//  이 부분이 없을 시 IllegalArgumentException 발생 함
Gson gson = new GsonBuilder ().setLenient ().create ();

 

 

 // 사용할 Retrofit과, API를 작성해둔 인터페이스를 선언 함
Retrofit retrofit;
ApiService apiService;

retrofit = new Retrofit.Builder ()
                //  서버 주소를 추가
                .baseUrl (GlobalApplication.getGlobalApplicationContext ().getString (R.string.server_address_root))
                //  Json 사용을 위해 ConvertFactory 추가
                .addConverterFactory (GsonConverterFactory.create (gson))
                //  https 통신을 위한 SSL 인증과정과, 헤더에 인증정보를 추가한 httpClient설정
                .client (okHttpClient)
                .build ();

//  API를 사용하기 위한 서비스 생성
apiService= retrofit.create (ApiService .class);

 

 

/**
 *  ApiService 인터페이스
 *  Rest API 의 메서드들을 선언 해두는 곳 
 */
public interface ApiService
{
    /**
     *  POST 형식을 사용하며, base URL 이후 상세 URL을 작성
     *  Body 에는 UserData 를 json 형식으로 추가함
     *
     *  결과는 서버에서 클라이언트로 부터 전달받은 UserData를 가공하여
     *  다시 클라이언트로 UserData로 전달해 줌
     */
    @POST ("/SpringServer/user")
    Call<UserData> hello(@Body UserData userData);
}

 

 

 

Call<UserData> userDataCall = apiService.hello (user);

        //  비동기식 호출 사용
        userDataCall.enqueue (new Callback<UserData> ()
        {
            @Override
            public void onResponse (Call<UserData> call, Response<UserData> response)
            {
                if(response.isSuccessful ())
                {
                    //  Response 가 성공한 상태
                    userData = response.body ();
                }
                else
                {
                    //  Response 가 실패한 상태
                    //  서버와의 통신에 성공하였지만, 서버 내부 동작 중에서 잘못된 점이 확인되어,
                    //  통신에는 성공한 상태로 설정하고, Body 에 실패한 정보를 추가
                    //  ex) 서버에서 잘못된 params 를 체크하여 잘못된 정보가 있다고 return
                    try
                    {
                        String result = response.errorBody ().string ();
                        Gson gson = new Gson ();

                         /**
                         ErrorCode.Class                       
                         public class ErrorCode
                         {
                            public String code;
                            public String message;
                         }
                         */
                        ErrorCode errorCode = gson.fromJson (result, ErrorCode.class);
                    }
                    catch(Exception e)
                    {
                        e.printStackTrace ();
                    }
                }
            }

            @Override
            public void onFailure (Call<UserData> call, Throwable t)
            {
                //  Request 가 실패한 상태 ( 통신 자체, 서버의 구현 이외의 에러 발생 )
                //  ex) 통신이 불가, 서버와의 연결 실패 등               
            }
        });

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'[Android] - 개념 > Retrofit2' 카테고리의 다른 글

Retrofit2. 3. 참고 URL  (0) 2017.03.13
Retrofit2. 2.사용방법 (Retrofit 2로 HTTP 호출하기)  (0) 2017.03.12
Retrofit2. 1.기본 개념  (0) 2017.03.12
Posted by 농부지기
,

[ Retrofit2. 2.사용방법  (Retrofit 2로 HTTP 호출하기) ]

 

1. 정의

    - Retrofit은 안드로이드와 Java 애플리케이션을 위한 라이브러리로, 안전한 타입(type-safe) 방식의 HTTP 클라이언트 이다. 이번 글에서는 Retrofit 2 HTTP 클라이언트의 사용 복잡성과 앱 적용 시의 유용성을 살펴볼 예정이다.

 

 

1. 네트워크 사용을 위해서 AndroidManifest.xml 에서 Internet Permission 을 허용해야 됨

 

 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

 

 

2. Retrofit을 사용하기 위해서 build.gradle 파일에 라이브러리 추가

   - Retrofit2만 적용시

 

 dependencies {
    compile 'com.squareup.retrofit2:retrofit:2.1.0'

}

 

  - Retrofit2 + gson 적용시

 

 dependencies {
    compile 'com.google.code.gson:gson:2.7'
    compile 'com.squareup.retrofit2:retrofit:2.1.0'
    compile 'com.squareup.retrofit2:converter-gson:2.1.0' 
}

 

 

 

3. 모델 클래스 만들기(데이터 그릇)

 

 public class Contributor {
 
  String login;
  String html_url;
 
  int contributions;
 
  @Override
  public String toString() {
    return login + "(" + contributions + ")";
  }
}

 

4. HTTP 통신을 하기 위한 서비스 인터페이스를 생성

 

 public interface GitHubService {
 
  @GET("repos/{owner}/{repo}/contributors")
  Call<List<Contributor>> repoContributors(
      @Path("owner") String owner
      , @Path("repo") String repo);
}

 

5. Retrofit 객체를 GitHubService 에 생성

   기본적인 Retrofit 객체 생성 형태는 아래와 같지만,

 

 public static final Retrofit retrofit = new Retrofit.Builder()
            .baseUrl("https://api.github.com/")
            .build();

.addConverterFactory(GsonConverterFactory.create());

는 받아오는 Json 형식의 데이터를 Java 객체 형태로 변환 또는 반대 형식으로 변환시켜주는 Gson 라이브러리를 사용해야하기 때문에 수정해야 됨.

 

 

 public interface GitHubService {
 
  @GET("repos/{owner}/{repo}/contributors")
  Call<List<Contributor>> repoContributors(
      @Path("owner") String owner
      , @Path("repo") String repo);
 
  public static final Retrofit retrofit = new Retrofit.Builder()
      .baseUrl("https://api.github.com/")
      .addConverterFactory(GsonConverterFactory.create())
      .build(); 
}

 

6. HTTP 호출

   동기적으로 HTTP 를 호출하기 위해서 인터페이스를 구현하고

   Call 호출하기 위한 형태는 아래와 같다.

 

 GitHubService gitHubService = GitHubService.retrofit.create(GitHubService.class);
 Call<List<Contributor>> call = gitHubService.repoContributors(“square”, “retrofit”);
 List<Contributor> result = call.execute().body();

 

 그러나 Android 에서는 MainThread(UI Thread) 에서 네트워크 통신을 할 수 없도록 되어 있다.
위의 형태로 돌릴 경우 아래와 같은 에러 메세지가 떨어지게 된다.

 

 02-04 19:32:55.190 1678-1678/com.example.jihoonryu.retrofit2_test E/AndroidRuntime:
 FATAL EXCEPTION: main
 Process: com.example.jihoonryu.retrofit2_test, PID: 1678
 android.os.NetworkOnMainThreadException

 

그렇기 때문에 AsyncTask 를 통해서 백그라운드 스레드에서 작동을 시켜야 한다.

 

- 동기(Synchronous)

 

new AsyncTask<Void, Void, String>() {
 
    @Override
    protected String doInBackground(Void... params) {
      GitHubService gitHubService = GitHubService.retrofit.create(GitHubService.class);
      Call<List<Contributor>> call = gitHubService.repoContributors("square", "retrofit");
     
    try {
        return call.execute().body().toString();
      } catch (IOException e) {
        e.printStackTrace();
      }
 
      return null;
    }
 
    @Override
    protected void onPostExecute(String s) {
      super.onPostExecute(s);
      TextView textView = (TextView) findViewById(R.id.textView);
      textView.setText(s);
    }
}.execute();

 

 Retrofit2 의 장점은 동기적이던 비동기적이던 구현하기 쉬움에 있다.
비동기적(Asynchronously) 으로 구현할 경우는 자체적으로 백그라운드 스레드를 타기 때문에 그냥 구현해주면 된다.

 

 -비동기(Asynchronous)

 

 

 GitHubService gitHubService = GitHubService.retrofit.create(GitHubService.class);
    Call<List<Contributor>> call = gitHubService.repoContributors("square", "retrofit");
    call.enqueue(new Callback<List<Contributor>>() {
      @Override
      public void onResponse(Call<List<Contributor>> call,
          Response<List<Contributor>> response) {
 
        TextView textView = (TextView) findViewById(R.id.textView);
        textView.setText(response.body().toString());
      }
 
      @Override
      public void onFailure(Call<List<Contributor>> call, Throwable t) {
 
      }
});

 

 

 

 

참고] http://devuryu.tistory.com/44


1. Realm / Retorift2로 HTTP 호출하기
2. Retrofit 한글 소개
3. Getting started with Retrofit 2
4. Retrofit 2.0: The biggest update yet on the best HTTP Client Library for Android

'[Android] - 개념 > Retrofit2' 카테고리의 다른 글

Retrofit2. 3. 참고 URL  (0) 2017.03.13
hanjul에 추가할 주석문장  (0) 2017.03.13
Retrofit2. 1.기본 개념  (0) 2017.03.12
Posted by 농부지기
,

[ Retrofit2. 1.기본 개념 ]

 

1. 사용이유

    - 안드로이드에서 HTTP 통신을 쉽게 할 수 있도록 해주는 라이브러리이다.

 

2. 이전 HTTP 통신 라이브러리

    - 이전 프로젝트에서는 Android Volley를 적용하여 개발하였음.

    - Volley 처음 적용시 설정과 구현을 통해 서버와의 통신을 하는데까지 복잡하고 손이 많이 간다는 느낌과  생각보다 조금 무겁다는 느낌  그리고 필요로 하는 기능보다 사용하지 않는 기능이 더 많다.

    - 그렇다고 Volley 가 안좋다는 것은 아니며 RequestQueue, NetworkImageView, DiskBasedCache를 이용하여 안정적이고 유용하게 쓸 수 있다.

 

 

Posted by 농부지기
,

[ Android.AppBarLayout - 개념 ]

 

1. class : android.support.design.widget.AppBarLayout

 

2. 사용가능모듈

    1. AppBarLayout을 사용하려면

      'com.android.support:design:25.1.0' 모듈이 필요

    2. 반드시 build.gradle파일에    'dependencies'부분에 추가 되어져 있어야 한다.

 

 

 

Posted by 농부지기
,

** RecyclerView와 CardView 사용하기 **


참고 URL : http://horajjan.blog.me/220739886248


'핵심만 골라 배우는 안드로이드 스튜디오 & 프로그래밍, 34, 35장'을 인용하였다 (예제 첨부) 

 
RecyclerView는 기존의 ListView보다 리스트를 구성하는 뷰를 관리하는 방법이 훨씬 더 효율적이다. 즉, 리스트 항목을 구성하는 기존 뷰가 스크롤되어 화면에서 벗어났을 때 새로운 뷰를 생성하는 대신 그것을 재사용한다(그래서 이름이 'recycler'다)
ListView와 다르게 RecyclerView에서는 다음의 세 가지 레이아웃 매니저를 선택할 수 있다. 따라서 리스트 항목이 사용자에게 보이는 방법을 더 다양하게 제어할 수 있다
  • LinearLayoutManager - 리스트 항목들이 수평 또는 수직의 스크롤 가능한 리스트로 나타난다
  • GridLayoutManager - 리스트 항목들이 격자(grid) 형태로 나타난다. 리스트 항목들이 균일한 크기일 때는 이 레이아웃 매니저를 사용하는 것이 좋다
  • StaggeredGridLayoutManager - 리스트 항목들이 일정하지 않은 크기의 격자 형태로 나타난다. 리스트 항목들의 크기가 동일하지 않을 때는 이 레이아웃 매니저를 사용하는 것이 좋다
  •  
     
RecyclerView에 나타나는 각 리스트 항목은 ViewHolder 클래스의 인스턴스로 생성된다.
ViewHolder 인스턴스는 RecyclerView에서 리스트 항목을 보여주는 데 필요한 모든 것을 포함한다. 즉, 보여줄 정보와 항목을 보여주는 데 사용할 뷰 레이아웃이다
ListView와 마찬가지로 RecyclerView도 어댑터가 필요하다. 어댑터는 사용자에게 보여줄 데이터와 RecyclerView 인스턴스 간의 중개자 역할을 한다. RecyclerView.Adapter 클래스의 서브 클래스로 생성되며, 최소한 다음의 메서드를 구현해야 한다.
이 메서드들은 어댑터가 지정된 RecyclerView 객체에 의해 다양한 시점에 호출된다
  • getItemCount() - 이 메서드에서는 리스트에 보여줄 항목의 개수를 반환해야 한다
  • onCreateViewHolder() - 이 메서드는 데이터를 보여주는 데 사용되는 뷰를 갖도록 초기화된 ViewHolder 객체를 생성하고 반환한다. 이때 그 뷰는 XML 레이아웃 파일을 인플레이트하여 생성된다
  • onBindViewHolder() - 이 메서드에서는 두 개의 인자를 받는다. onCreateViewHolder() 메서드에서 생성된 ViewHolder 객체와 보여줄 리스트 항목을 나타내는 정숫값이다. 이 메서드에서는 지정된 항목의 텍스트와 그래픽 데이터를 레이아웃의 뷰에 넣은 후, 그 객체를 RecyclerView에 반환한다. 그럼으로써 RecyclerView가 사용자에게 보여줄 수 있다​
 
다음으로 CardView 클래스는 카드 형태로 보여 줄 수 있는 사용자 인터페이스 뷰다. 일반적으로 RecyclerView 인스턴스를 같이 사용해서 리스트 형태로 보여준다. 이때 각 카드마다 그림자 효과와 둥근 모서리를 갖도록 구성할 수 있다
CardView 레이아웃 안에는 표준 레이아웃 매니저(RelativeLayout이나 LinearLayout 등)를 사용하는 어떤 복잡한 레이아웃도 포함할 수 있다
스크롤이 가능한 카드 리스트를 생성하기 위해 RecyclerView와 CardView를 같이 사용할 때는 RecyclerView의 onCreateViewHolder() 메서드에서 카드의 레이아웃 리소스 파일을 인플레이트한다
특정 리스트 카드 클릭에 반응하려면 CardView 인스턴스 속성을 android:clickable="true"로 설정하고 클릭 리스너를 단다. 클릭 리스너 안에서 어떤 카드가 선택되었는지 식별하기 위해서
는 RecyclerView.ViewHolder 클래스의 getAdapterPosition() 메서드를 호출하면 얻을 수 있다 


'[Android] - 개념 > RecyclerView' 카테고리의 다른 글

RecyclerView, Adapter, ViewHolder 개념  (0) 2017.01.18
RecyclerView 기본 개념  (0) 2017.01.18
Posted by 농부지기
,

** RecyclerView, Adapter, ViewHolder 개념 **


참고 URL : http://horajjan.blog.me/220745854967


'실무에 바로 적용하는 안드로이드 프로그래밍, 9장'을 인용하였다  (예제 첨부)

RecyclerView는 ViewGroup의 서브 클래스로, 자식 View 객체들의 리스트를 보여준다

위 그림처럼 100개의 View를 생성하는 대신 ​한 화면을 채우는 데 충분한 12개만 생성한다. 그리고 화면이 스크롤되면서 View가 화면을 벗어날 때 RecyclerView는 그 View를 버리지 않고 재활용한다

RecyclerView는 위 TextView들을 재활용하고 화면에 보여주는 책임만 갖는다. Adapter의 서브 클래스와 ViewHolder의 서브 클래스가 함께 동작해야 한다

ViewHolder는 한 가지 일, 즉 하나의 View를 보존하는 일을 한다

RecyclerView는 자신이 ViewHolder를 생성하지 않는다. 대신에 그 일을 어댑터(adapter)에 요청한다

어댑터는 다음과 같은 책임을 갖는다

  • 필요한 ViewHolder 객체를 생성한다
  • 모델 계층의 데이터를 ViewHolder와 결합한다​

​우선 RecyclerView에서 구현하는 어댑터의 getItemCount() 메서드를 호출하여 리스트에 보여줄 객체 개수를 요청한다

그 다음에 RecyclerView는 어댑터의 onCreateViewHolder(ViewGroup, int) 메서드를 호출하여 ViewHolder 객체를 받는다. 그리고 RecyclerView는 onBindViewHolder(ViewHolder, int)를 호출하며, 이때 리스트 항목의 위치와 함께 ViewHolder 객체를 인자로 전달한다. 그 다음에 어댑터는 그 위치 모델 데이터를 찾은 후 그것을 ViewHolder의 View에 결합한다

여기서 주목할 점은 ​onCreateViewHolder(ViewGroup, int) 메서드가 onBindViewHolder(ViewHolder, int)보다 적게 호출될 수 있다는 것이다. 충분한 개수의 ViewHolder 객체가 생성되면 RecyclerView가 ​onCreateViewHolder(...)의 호출을 중단하기 때문이다. 그리고 기존에 생성된 ViewHolder 객체를 재사용하여 시간과 메모리를 절감한다


'[Android] - 개념 > RecyclerView' 카테고리의 다른 글

RecyclerView와 CardView 사용하기  (0) 2017.01.18
RecyclerView 기본 개념  (0) 2017.01.18
Posted by 농부지기
,

** ListView 기본 개념 **


참고 URL : http://thdev.tech/androiddev/2016/10/30/Android-CustomListView-Sample.html



5년 전에 작성하였던 Android 구글 날씨 파싱(XmlPullParser 사용)을 다시 정리하였습니다.

그간 구글 날씨 API가 없어졌고, 안드로이드 버전도 많이 달라졌습니다.

그에 따라 새롭게 샘플을 작성하고, 정리하게 되었습니다.


RecyclerView


그간의 변화?

  • 구글 날씨가 종료되었습니다.
    • GitHub API로 대체하였습니다.
  • XML보다는 json을 많이 사용하고 있습니다.
    • 구글 날씨 파싱 할 때는 XmlPullParser을 사용하였었는데 지금은 json을 많이 사용하고, 안드로이드에서는 Google-gson을 이용하여 파싱을 하고 있습니다.
  • ListView는 API 1부터 존재하였는데 현재는 ListView의 단점을 보완한 RecyclerView를 많이 사용하지만, Support library을 통해서 제공합니다.
  • HTTP를 직접 구현하였었지만, 이제는 Retrofit을 사용하여 간단하게 구현이 가능합니다.
  • Eclipse 기반의 코드에서 Android Studio 기반의 코드로 새롭게 작성합니다.


사용한 API


ListView 샘플 코드는

리스트 뷰로 작성한 샘플은 아래의 링크를 통해 확인이 가능합니다.

Java/Kotlin으로 각각 분리되어 있고, 편하신 코드로 보시면 되겠습니다.

과거에 작성하였던 구글 날씨 ListView는 아래의 링크를 참고하시면 다운 받을 수 있습니다.


작성한 샘플의 화면

Java와 Kotlin으로 각각 작성된 샘플입니다. 오른쪽의 2를 누르면 똑같은 화면의 kotlin 샘플을 볼 수 있습니다.

상세 페이지는 Chrome Custom Tabs을 이용하여 추가해두었습니다.

GitHubListChrome Tabs
sample_01sample_02


ListView

ListView는 안드로이드에 임베디드 되어 있는 코드로 동작하며, API level 1부터 존재하였습니다. ListView는 오래된 만큼 예제도 많고, 접근 방법도 다양합니다.

가장 일반적인 ListView의 getView 접근 방법이 되겠습니다.

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    Holder holder = new Holder();
    View rowView = inflater.inflate(R.layout.item_list, null);
    holder.tv = (TextView) rowView.findViewById(R.id.text);
    holder.img = (ImageView) rowView.findViewById(R.id.image);
    holder.tv.setText(result[position]);
    holder.img.setImageResource(imageId[position]);
    rowView.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            Toast.makeText(context, "You Clicked " + result[position], Toast.LENGTH_LONG).show();
        }
    });
    return rowView;
}

하지만 위와 같이 동작하게 되면 getView ListView의 재사용성이 떨어집니다.

재사용이라는게 getView는 현재 화면상에 아이템이 보일 때마다 호출되게 됩니다.

예를 들면 아이템이 20개가 있고, 이를 스크롤 한다고 해보겠습니다.

스크롤 시에도 getView는 계속 적으로 호출됩니다.

현재 보이는 View : 0~10
보이지 않는 View : 11~20

스크롤 후 이동된 View : 5~15
보이지 않은 View : 0~4, 16~20

보이지 않는 View는 아직 생성되지 않았고, 현재 List 상 보이는 아이템의 ViewHolder만 생성된 상태입니다.

코드상

Holder holder = new Holder();
View rowView = inflater.inflate(R.layout.item_list, null);

의 위치입니다. 별도의 null 처리가 없으므로, 스크롤을 통해 이동할 때마다 View의 create가 발생합니다.

View의 create가 발생함과 동시에 findViewById 역시 함께 일어나게 됩니다.

리스트 뷰의 특성상 하나의 View만 있으면, 연속적으로 사용이 가능한 형태가 만들어지면 되는데 ListView는 강제적이지 않습니다.

그래서 ViewHolder 개념이…

네 그래서 ViewHolder 개념이 추가되었습니다. 구글의 권장 사항이라서 강제적이지는 않습니다.

다만 위와 같이 inflate와 findViewById을 리스트 뷰에서 연속적으로 발생하게 되면 메모리와 성능에 영향을 미칠 수 있습니다.

간단한 리스트야 문제없지만 복잡한 ListView라면 당연히 성능에 영향을 미치죠.

ViewHolder을 적용하면?

ViewHolder 패턴입니다. convertView == null 일 경우에만 inflate와 findViewById가 생성됩니다. 그리고 rootView에 setTag을 호출하여, 생성된 ViewHolder을 임시 저장해둡니다.

메모리에 문제가 없다면 최초 1회만 생성하고 이후 else문을 통해서 getTag을 호출하고, 이를 통해 ViewHolder에 접근이 가능한 형태가 만들어집니다.

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    // 최초에 convertView가 null이므로, inflate를 처리한다
    if (convertView == null) {
        // 전역으로 생성한 View에 inflate
        rootView = inflater.inflate(R.layout.item_list, null);

        // ViewHolder을 생성
        Holder holder = new Holder();
        holder.tv = (TextView) rowView.findViewById(R.id.text);
        holder.img = (ImageView) rowView.findViewById(R.id.image);

        // setTag
        rootView.setTag(viewHolder);
    } else {
        // convertView에 convertView를 셋팅
        rootView = convertView;
        // rootView에서 holder을 꺼내온다
        holder = (Holder) rootView.getTag();
    }

    holder.tv.setText(result[position]);
    holder.img.setImageResource(imageId[position]);
    rowView.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            Toast.makeText(context, "You Clicked " + result[position], Toast.LENGTH_LONG).show();
        }
    });
    return rootView;
}

이렇게 하는 게 바로 ViewHolder 패턴입니다.

하지만 강제적이지 않아서 구현하기 귀찮습니다.

또한 커스텀이 많고, 하나의 리스트에 다양한 ViewHolder 만들기가 쉽지 않습니다.

ex) 아래와 같다면…

사진이 포함된 ViewHolder
텍스트만 있는 ViewHolder
오른쪽으로 스크롤 되는 ListView가 포함된 ViewHolder

ViewHolder 패턴을 이해하고 작성하면 만들 수 있지만, 그래도 귀찮습니다.

안드로이드 5.0부터 나온 RecyclerView가 이를 대체할 수 있고, ViewType 구분만 하여도 어렵지 않게 접근이 가능합니다.

다만 아이템에 대한 관리를 모두 개발자가 해야 합니다.

그래서 저는 별도의 BaseRecyclerView를 만들어서 쓰고 있습니다.

RecyclerView는 다음에 다루겠습니다.


Custom ListView 주요 코드

Adapter custom을 통해서 getView를 다루었습니다.

GitHub API는 Retrofit을 통해서 받아오고, 이를 Presenter에서 처리하였습니다.

java - 데이터 불러오는 부분

@Override
public void loadGitHubUser(String userKeyword) {
    // 마지막 페이지인지 체크
    if (page > 0 && isLastItem) {
        return;
    }

    // Progress 보여주기
    view.showProgress();

    // github를 통해서 User 정보를 받아옵니다.
    final Call<GitHubUserResponse> gitHubUserCall = retrofitGitHub.searchGitHubUser(userKeyword, ++page, DEFAULT_ITEM_COUNT);

    // Retrofit의 enqueue을 통해서 다음을 처리합니다.
    gitHubUserCall.enqueue(new Callback<GitHubUserResponse>() {

        // 성공적인 response을 받았을 경우
        @Override
        public void onResponse(Call<GitHubUserResponse> call, Response<GitHubUserResponse> response) {
            // API limit으로 인해 실패하는 경우가 생깁니다.
            if (!response.isSuccessful()) {
                view.hideProgress();

                /*
                 * API rate limit exceeded for IP Address.
                 * (But here's the good news: Authenticated requests get a higher rate limit. Check out the documentation for more details.)
                 */
                isLastItem = true;
                return;
            }

            // Retrofit에서 GSON을 GitHubUserReponse로 변환한 결과를 받아온다
            GitHubUserResponse gitHubUserResponse = response.body();
            if (gitHubUserResponse != null) {
                if (gitHubUserResponse.items != null && gitHubUserResponse.items.size() > 0) {
                    // items를 추가한다
                    for (GitHubItem item : gitHubUserResponse.items) {
                        view.addItem(item);
                    }
                }
            }

            view.hideProgress();
            view.notifyListView();
        }

        // 받아오기 실패할 경우
        @Override
        public void onFailure(Call<GitHubUserResponse> call, Throwable t) {
            view.hideProgress();
            view.showFailLoad();
        }
    });
}


ArrayAdapter 주요코드

사용할 ViewHolder을 다음과 같이 추가하였습니다.

ImageView와 TextView 2개입니다.

private class ViewHolder {
    ImageView imgUserAvater;
    TextView tvUserName;
    TextView tvUserScore;
}

ViewHolder 패턴을 통해서 처리하였습니다.

convertView == null일 경우에만 inflater와 findViewById을 호출하게 됩니다.

그렇지 않으면 else를 통해 getTag 함수가 호출되게 됩니다.

@NonNull
@Override
public View getView(int position, View convertView, ViewGroup parent) {
    if (convertView == null) {
        LayoutInflater inflater = LayoutInflater.from(getContext());
        rootView = inflater.inflate(R.layout.item_github_user, parent, false);

        viewHolder = new ViewHolder();
        viewHolder.imgUserAvater = (ImageView) rootView.findViewById(R.id.img_user_avater);
        viewHolder.tvUserName = (TextView) rootView.findViewById(R.id.tv_user_name);
        viewHolder.tvUserScore = (TextView) rootView.findViewById(R.id.tv_user_score);

        // setTag
        rootView.setTag(viewHolder);

    } else {
        rootView = convertView;
        viewHolder = (ViewHolder) rootView.getTag();
    }

    // Holder에 아이템을 출력합니다.
    final GitHubItem gitHubItem = getItem(position);
    if (gitHubItem != null) {
        viewHolder.tvUserName.setText(gitHubItem.login);
        viewHolder.tvUserScore.setText(String.format("%f", gitHubItem.score));

        // ImageDownloadThread을 직접 구현하였습니다.
        ImageDownloadThread.getInstance().loadImage(R.mipmap.ic_launcher, viewHolder.imgUserAvater, gitHubItem.avatar_url);
    }

    return rootView;
}


ImageDownloadThread

Thread을 통해서 ImageDownloadThread을 처리합니다.

간단하게 이미지 캐시로 LruCache을 사용하였습니다.

Url connection을 통해서 이미지를 다운받고, 이를 UI Thread에서 draw 하는 간단한 코드입니다. RxJava을 활용하거나, 이미지 로도를 별도로 이용한다면 다음과 같이 긴 코드가 불필요하겠지만.. 과거에 작성했던 코드를 새로 추가 작성한 부분입니다.

private class DownloadThread implements Runnable {

  // 생략...

  @Override
  public void run() {
      try {
          URL url = new URL(resourceUrl);
          connection = url.openConnection();
          connection.connect();

          inputStream = connection.getInputStream();
          bufferedInputStream = new BufferedInputStream(inputStream);

          cache.put(resourceUrl, new WeakReference<>(BitmapFactory.decodeStream(bufferedInputStream)));
          draw(resourceUrl);

      } catch (IOException e) {
          closeStream();

      } finally {
          closeStream();
      }
  }

  // 생략 ...

  // Bitmap을 통해 이미지를 그린다. 현재 보여지는 아이템의 위치에 맞게 그리도록 TAG를 활용
  private void draw(final String resourceUrl) {
      new Handler(Looper.getMainLooper()).post(new Runnable() {
          @Override
          public void run() {
              ImageView imageView = weakReferenceImageView.get();
              if (!TextUtils.isEmpty(resourceUrl) &&
                      imageView.getTag() != null &&
                      imageView.getTag().equals(resourceUrl) &&
                      cache.get(resourceUrl) != null &&
                      cache.get(resourceUrl).get() != null) {
                  imageView.setImageBitmap(cache.get(resourceUrl).get());
              }
          }
      });
  }
}

ImageView 역시 WeakReference을 추가하였습니다. GC가 호출되면 메모리 해제가 되도록 처리하였습니다.

그리고 TAG을 통해 현재 보이는 화면의 TAG가 맞는지를 확인하여 그리도록 하였습니다.


Retrofit 주요 코드

Retrofit의 코드를 간략하게 다음과 같이 추가합니다.

HttpLoggingInterceptor을 통해서 Log 확인이 가능하고, Retrofit을 통해서 http 연결을 동작합니다. 이때 addConverterFactory을 GsonConverterFactory을 추가함으로써 gson을 통해서 json 파싱 된 결과 데이터를 전달받을 수 있습니다.


public class RetrofitCreator {

    public static Retrofit createRetrofit() {

        HttpLoggingInterceptor interceptor = new HttpLoggingInterceptor();
        interceptor.setLevel(HttpLoggingInterceptor.Level.BODY);
        OkHttpClient client = new OkHttpClient.Builder().addInterceptor(interceptor).build();

        return new Retrofit.Builder()
                .baseUrl("https://api.github.com/")
                .client(client)
                // Json 변환
                .addConverterFactory(GsonConverterFactory.create())
                .build();
    }
}

Chrome Custom Tabs

Chrome Custom Tabs을 추가해보았습니다.

Custom tabs을 사용하기 위해서는 다음의 dependency 추가가 필요합니다.

compile 'com.android.support:customtabs:24.2.1'

저는 다음과 같이 사용하였습니다.

CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
builder.setToolbarColor(getResources().getColor(R.color.colorPrimary));

builder.setStartAnimations(this, 0, 0);
builder.setExitAnimations(this, 0, 0);

CustomTabsIntent customTabsIntent = builder.build();
customTabsIntent.launchUrl(this, Uri.parse(item.html_url));

시작과 종료에 대한 에니메이션을 제거하고, Toolbar 색상을 기본 색상으로 지정하였습니다.

WebView를 별도로 구현하는것보다 성능상 좋다고 합니다.


마무리

구글 날씨 파싱에 작성했던 ListView을 새로 작성해보았습니다.

ListView를 많이 쓰지는 않지만… 다시 한번 작성해보았습니다.

다음에는 RecyclerView을 작성해보려고 합니다.


RecyclerView


ListView 샘플 코드는

리스트 뷰로 작성한 샘플은 아래의 링크를 통해 확인이 가능합니다.

Java/Kotlin으로 각각 분리되어 있고, 편하신 코드로 보시면 되겠습니다.

과거에 작성하였던 구글 날씨 ListView는 아래의 링크를 참고하시면 다운 받을 수 있습니다.


'[Android] - 개념 > ListView' 카테고리의 다른 글

ListView 정의  (0) 2016.12.07
ListView 기초예제1  (0) 2016.12.06
Posted by 농부지기
,

** RecyclerView 기본 개념 **


1. 도입과정 및 장.단점

   1. Android 5.0에 처음 소개된 RecyclerView는 안드로이드 ListView의 장/단점을 보완한 고급 위젯이다.

   2. Android Lollipop과 함께 나온 이 위젯은 SupportLibrary에 포함되어 Android Version 7 이상에서 사용이 가능하다.


2. Gradle

dependencies {
    compile 'com.android.support:cardview-v7:21.0.+'
    compile 'com.android.support:recyclerview-v7:21.0.+'
}


3. API 문서

   1. Creating Lists and Cards

   2. RecyclerView

   3. RecyclerView.Adapter



샘플 코드는?

GitHub에 올려두었으며, RecyclerView 샘플입니다.

base로 구분된 부분이 있는데 이는 나중에 supportLibrary 형태로 배포할 예정입니다.

Base는 Kotlin을 기준으로 작성하였고, 샘플은 Java/Kotlin 모두가 존재합니다. 각각 살펴보시면 되겠습니다.


Create Lists

Creating Lists and Cards에 정의된 List 표현입니다.

RecyclerView

Widget인 RecyclerView는 LayoutManager를 통해서 View 그리는 방법을 정의합니다.

RecyclerView.Adapter에서 Data의 ViewHolder 정의에 따라서 UI가 선택되고, 이를 표현하게 됩니다.

  • ViewHolder의 적용으로 View의 재사용을 가능하게 합니다.
  • LayoutManager의 추가로 아이템의 배치 방법을 정의할 수 있다.
    • LinearLayoutManager : 가로/세로 형태로 아이템을 배치한다.

      LinearLayoutManager

    • GridLayoutManager : 한 줄에 1개 이상의 이미지를 표시할 수 있지만, 아이템의 크기는 줄의 첫 번째 아이템의 크기에 따라서 달라질 수 있다.(고정시에는 모두 고정)

      GridLayoutManager

    • StaggeredGridLayoutManager : 그리드 형태에 아이템의 크기를 다양하게 적용할 수 있다.

      StaggeredGridLayoutManager

    • Custom LayoutManager : 3개의 레이아웃 매니저를 상속받아 커스텀 할 수 있다.

  • 많은 데이터의 리스트 형태로 제공이 가능하다.
  • RecyclerView.ItemAnimator을 이용하여 Item의 Animator을 정의할 수 있습니다.


ListView의 장점

  • ListView는 간단하게 리스트를 만드는 부분에 있어서는 장점입니다.
  • 간단한 아이템 형태를 만드는 경우는 빠르게 적용이 가능한 ArrayAdapter을 제공합니다.


ListView의 단점

  • 아이템의 애니메이션 처리가 쉽지 않습니다.
  • 리스트에는 한 개 이상의 View가 필요한 경우가 있지만 커스텀으로 작업하기 쉽지 않습니다.

    • 다음은 한 개 이상의 ViewHolder를 가진 샘플입니다. 위쪽에는 사진이 표시되고, 아래에는 Footer이라는 새로운 ViewHolder가 노출된 상태입니다.

    ViewHolderSample

  • RecyclerView에는 Header/Footer 추가를 직접 구현해야 하지만, ListView는 기본으로 제공합니다.
  • ViewHolder 패턴을 강제적으로 사용하지는 않으므로 고비용의 findViewById가 매번 호출될 수 있다.

구글에서 추천하는 ViewHolder 패턴을 사용하지 않게되면 다음과 같은 코드를 타게 됩니다.

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    Holder holder = new Holder();
    View rowView = inflater.inflate(R.layout.item_list, null);
    holder.tv = (TextView) rowView.findViewById(R.id.text);
    holder.tv.setText(result[position]);
    return rowView;
}

ItemCount에 따라서 매번 getView을 호출하게 됩니다. 이때 위와 같은 코드는 holder부터 inflater.inflate을 초기화하고, findViewById역시 매번 생성하게 됩니다.

고비용의 findViewById을 매번 하는 것은 성능상 좋지 않고, 메모리의 영향도 받을 수 있습니다.

그래서 다음과 같은 ViewHolder 패턴을 사용할 수 있습니다.

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    if (convertView == null) {
        rootView = inflater.inflate(R.layout.item_list, null);
        Holder holder = new Holder(); // ViewHolder을 생성
        holder.tv = (TextView) rowView.findViewById(R.id.text);
        rootView.setTag(viewHolder); // setTag
    } else {
        rootView = convertView;
        holder = (Holder) rootView.getTag(); // rootView에서 holder을 꺼내온다
    }

    holder.tv.setText(result[position]);
    return rootView;
}

위와 같은 형태로 제공이 되는데 매번 구현하는 건 귀찮고, 서로 다른 ViewHolder을 여러 개 만들어서 사용하기 쉽지 않습니다.(ItemView의 View가 여러 개 생성될 수 있는 형태)


RecyclerView을 사용하기 위해서

RecyclerView는 supportLibrary와 Android 5.0(API 21 이상)에서 사용이 가능합니다.

API 7부터 사용이 가능한 supportLibrary - recyclerview-v7은 다음과 같이 정의할 수 있습니다.

dependencies {
    compile 'com.android.support:recyclerview-v7:24.2.1'
}


RecyclerView View 정의

RecyclerView의 XML 정의는 다음과 같습니다.

v7의 RecyclerView을 정의합니다.

<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />


layoutManager 정의하기

View의 형태를 정의하기 위해 LayoutManager을 정의해야 합니다.

RecyclerView는 기본 정의가 존재하지 않기 때문에 꼭! 최소 하나씩 설정해주어야 합니다.

설정하지 않으면 화면이 구성되지 않으므로, 헤매지 말고 꼭! 정의 부분을 살펴보시기 바랍니다.

xml에서 정의하기

다음의 app 정의를 사용하기 위해서는 아래의 코드가 추가되어야 합니다.

xmlns:app="http://schemas.android.com/apk/res-auto"

  • app:layoutManager : xml에서 layoutManager을 정의할 수 있습니다.
  • app:spanCount : xml에서 layoutManager에서 사용할 spanCount을 정의할 수 있습니다.

LinearLayoutManager

<android.support.v7.widget.RecyclerView
    app:layoutManager="LinearLayoutManager" />

GridLayoutManager

<android.support.v7.widget.RecyclerView
    app:layoutManager="GridLayoutManager"
    app:spanCount="2" />

LinearLayoutManager

<android.support.v7.widget.RecyclerView
    app:layoutManager="StaggeredGridLayoutManager"
    app:spanCount="3" />

LayoutManager 코드를 통한 정의

// use a linear layout manager
mLayoutManager = new LinearLayoutManager(this);
mRecyclerView.setLayoutManager(mLayoutManager);
// use a staggered grid layout manager
mGridLayoutManager = new new GridLayoutManager(this, 3);
mRecyclerView.setLayoutManager(mGridLayoutManager);
// use a staggered grid layout manager
mStgaggeredGridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(mStgaggeredGridLayoutManager);
  • 상속받아 Custom 처리


ViewHolder 정의

구글에서 정의해주는 간단한 ViewHolder입니다.

RecyclerView.ViewHolder을 상속받아서 정의합니다.

// Provide a reference to the views for each data item
// Complex data items may need more than one view per item, and
// you provide access to all the views for a data item in a view holder
public class ViewHolder extends RecyclerView.ViewHolder {
    // each data item is just a string in this case
    public TextView mTextView;
    public ViewHolder(TextView v) {
        super(v);
        mTextView = v;
    }
}

제가 주로 사용하는 ViewHolder는 다음과 같습니다.

Context와 ViewGroup을 생성자로 전달받아서 LayoutInflater.form을 통해서 View를 생성합니다.

그리고 itemView를 통해서 View들을 findViewById을 제공합니다.

public class ViewHolder extends RecyclerView.ViewHolder {

  private TextView textView;

  public ViewHolder(Context context, ViewGroup parent) {
      super(LayoutInflater.from(context).inflate(R.layout.item_large_view, parent, false));

      textView = (TextView) itemView.findViewById(R.id.tv_message);
  }
}

코틀린을 통한 베이스를 다음과 같이 작성해두었습니다.

abstract class BaseViewHolder<ITEM>(
        open val adapter: RecyclerView.Adapter<*>, itemView: View) :
        RecyclerView.ViewHolder(itemView) {

    constructor(@LayoutRes layoutRes: Int,
                parent: ViewGroup?, adapter: RecyclerView.Adapter<*>)
    : this(adapter, LayoutInflater.from((adapter as? AbstractRecyclerAdapter<*, *>)?.context).inflate(layoutRes, parent, false))

    init {
        ButterKnife.bind(BaseRecyclerViewHolder@this, itemView)
    }

    // ViewHolder의 View를 정의합니다.
    abstract fun onViewHolder(item: ITEM?, position: Int)

    open protected val context: Context?
        get() = (adapter as? AbstractRecyclerAdapter<*, *>)?.context
}


Adapter 정의

RecyclerView의 Adapter는 ListView의 ArrayAdapter처럼 List<Object>을 기본적으로 가지고 있지 않습니다.

그래서 원하는 형태의 Data 형태도 직접 구현하여야 합니다.

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {

    // 아이템 리스트
    private String[] mDataset;

    // Provide a suitable constructor (depends on the kind of dataset)
    public MyAdapter(String[] myDataset) {
        mDataset = myDataset;
    }

    // Create new views (invoked by the layout manager)
    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext())
                               .inflate(R.layout.my_text_view, parent, false);
        // set the view's size, margins, paddings and layout parameters
        ...
        ViewHolder vh = new ViewHolder(v);
        return vh;
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // - get element from your dataset at this position
        // - replace the contents of the view with that element
        holder.mTextView.setText(mDataset[position]);
    }

    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataset.length;
    }
}

item 정의

RecyclerView는 아이템에 대해서 직접 정의를 해야 합니다.

해당 Adapter에서 사용할 아이템을 직접 정의해주면 됩니다.

// 아이템 리스트
private String[] mDataset;

그리고 getItemCount을 상속을 기본적으로 받아야 하며, size를 다음과 같이 return 해주면 됩니다.

// Return the size of your dataset (invoked by the layout manager)
@Override
public int getItemCount() {
    return mDataset.length;
}

View를 정의

onCreateViewHolder을 기본적으로 상속받습니다.

이를 통해 ViewHolder을 생성하게 됩니다.

viewType에 따라서 최소 1회만 생성합니다.

만약 viewType이 1개 이상이라면 onCreateViewHolder 역시 1번 이상이 호출됩니다.

// Create new views (invoked by the layout manager)
@Override
public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                               int viewType) {
    // create a new view
    View v = LayoutInflater.from(parent.getContext())
                           .inflate(R.layout.my_text_view, parent, false);
    // set the view's size, margins, paddings and layout parameters
    ...
    ViewHolder vh = new ViewHolder(v);
    return vh;
}

view를 표현하기

onCreateViewHolder을 통해서 생성되면, onBindViewHolder에서 해당 holder의 View에 데이터를 노출을 정의하면 됩니다.

RecyclerView는 ViewHolder을 재사용할 수 있도록 설계되어 있으므로, ViewType이 한번 생성된 이후로는 onBindViewHolder만 호출되게 됩니다.

// Replace the contents of a view (invoked by the layout manager)
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    // - get element from your dataset at this position
    // - replace the contents of the view with that element
    holder.mTextView.setText(mDataset[position]);
}

viewType을 정의하기

기본 상속을 받는 메소드는 아니지만 viewType을 정의할 수 있습니다.

기본값은 0으로 초기화되지만, 사용에 따라서 getItemViewType을 정의할 수 있습니다.

ViewType이 1개 이상이라면 기본적으로 다음의 getItemViewType을 정의해주시면 되겠습니다.

@Override
public int getItemViewType(int position) {
    return super.getItemViewType(position);
}


RecyclerView에 setAdapter()

RecyclerView에 setAdapter을 정의하여야 합니다.

생성된 Adapter을 다음과 같이 추가해주시면 됩니다.

mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);

  // use this setting to improve performance if you know that changes
  // in content do not change the layout size of the RecyclerView
  mRecyclerView.setHasFixedSize(true);

  // use a linear layout manager
  mLayoutManager = new LinearLayoutManager(this);
  mRecyclerView.setLayoutManager(mLayoutManager);

  // specify an adapter (see also next example)
  mAdapter = new MyAdapter(myDataset);
  mRecyclerView.setAdapter(mAdapter);


Kotlin으로 작성한 BaseAdapter

kotlin으로 작성한 BaseAdapter입니다. itemList에 대해서 정의를 하였고,

getItem/removeItem/setItem/clear을 처리하는 부분을 model 형태로 처리하였습니다.

abstract class AbstractRecyclerAdapter<ITEM, VIEW_TYPE : RecyclerView.ViewHolder?>(open val context: Context) :
        RecyclerView.Adapter<VIEW_TYPE>(), BaseRecyclerModel<ITEM> {

    private val itemList: MutableList<ITEM> = ArrayList()

    abstract fun onItemViewType(position: Int): Int

    override fun getItemViewType(position: Int)
            = onItemViewType(position)

    override fun getItemCount()
            = itemList.size

    override fun addItem(item: ITEM) {
        itemList.add(item)
    }

    override fun addItem(position: Int, item: ITEM) {
        itemList.add(position, item)
    }

    override fun addItems(items: List<ITEM>) {
        itemList.addAll(items)
    }

    override fun clear() {
        itemList.clear()
    }

    override fun removeItem(item: ITEM) {
        itemList.remove(item)
    }

    override fun removeItem(position: Int) {
        itemList.removeAt(position)
    }

    /**
     * GetItem null or ITEM
     */
    override fun getItem(position: Int)
            = itemList.getOrNull(position)

    override fun getItems() = itemList
}


마무리

저는 BaseRecyclerAdapter을 만들어서 사용하고 있습니다.

ListView의 ArrayAdapter을 최대한 유사하게 사용하기 위해서 만들었습니다.

Header/Footer을 포함하는 RecyclerView도 추가로 만들어서 사용 중입니다.

ListView는 Header/Footer을 간단하게 추가할 수 있지만, RecyclerView는 제공하지 않습니다. 대신 직접 구현해서 사용할 수 있습니다.

처음에 만들기가 귀찮긴 하지만.. 만들어두면 사용하기 편합니다.

간단하게 사용하기에는 ListView가 편하지만, View의 커스텀이 많아지면 질수록 RecyclerView가 관리하기 편합니다.


샘플 코드는?

GitHub에 올려두었으며, RecyclerView 샘플입니다.

base로 구분된 부분이 있는데 이는 나중에 supportLibrary 형태로 배포할 예정입니다.

Base는 Kotlin을 기준으로 작성하였고, 샘플은 Java/Kotlin 모두가 존재합니다. 각각 살펴보시면 되겠습니다.



 

참고 url : http://thdev.tech/androiddev/2016/11/01/Android-RecyclerView-intro.html


'[Android] - 개념 > RecyclerView' 카테고리의 다른 글

RecyclerView와 CardView 사용하기  (0) 2017.01.18
RecyclerView, Adapter, ViewHolder 개념  (0) 2017.01.18
Posted by 농부지기
,

** ImageView속성중 scaleType 에따른 표시 효과 **

 

 

 

  1. ImageView 설정 예제

 

<ImageView
    android:id="@+id/image1"
    android:layout_width="100dp"
    android:layout_height="400dp"
    android:src="@mipmap/kokonut"
    android:scaleType="centerCrop"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true" />

 

 

 

 

2. 8 가지 Type

         - 주의 할점은 이 속성은 android:src로 이미지를 불러왔을 때 적용되며 

             android:background로 불러오면 이 속성은 적용 되지 않는다.

속성값

java

설명

matrix

setScaleType(ImageView.ScaleType.MATRIX)

원본 크기 그대로 보여줌 (왼쪽 상단 정렬)

Center

setScaleType(ImageView.ScaleType.CENTER)

원본 크기 그대로 보여줌 (가운데정렬)

centerCrop

setScaleType(ImageView.ScaleType.CENTER_CROP)

View 영역에 공백이 있으면 채워서 보여줌(비율유지)

(ImageView 영역은 match_parent(fill_parent)이다)

ImageView 영역에 공백이 있을 경우 비율을 유지하며 이미지를 늘린다.

centerInside

setScaleType(ImageView.ScaleType.CENTER_INSIDE)

View 영역을 벗어나면 맞춰서 보여줌(비율유지)

centerCrop과는 반대로 ImageView 영역을 벗어나면 비율을 유지하며 줄어든다.

fitStart

setScaleType(ImageView.ScaleType.FIT_START)

View 영역에 맞게 보여줌 (왼쪽상단 정렬비율유지)

fitStart centerInside와 같으며 정렬은 왼쪽 위라는 것이 다르다.

fitCenter

setScaleType(ImageView.ScaleType.FIT_CENTER)

View 영역에 맞게 보여줌 (가운데정렬비율유지)

fitCenter centerInside와 같은 기능을 한다.

fitEnd

setScaleType(ImageView.ScaleType.FIT_END)

View 영역에 맞게 보여줌 (왼쪽하단 정렬비율유지)

fitEnd centerInside와 같으며 정렬은 왼쪽 아래인 것이 다르다.

fitXY

setScaleType(ImageView.ScaleType.FIT_XY)

View 영역을 가득 채워서 보여줌(비율유지 안함)

fitXY는 비율에 상관없이 ImageView영역을 가득 채운다.

Posted by 농부지기
,