라이브러리 사용하기 Library

프레임워크는 일정한 형태의 틀을 만드는데, 개발을 하기 위해 지켜야 하는 툴입니다. 여기서 안드로이드 스튜디오가 프레임워크가 됩니다. 웹 개발 시에는 프레임워크가 스프링, 장고, 플라스크 등이 될 수 있습니다. 언어에 따라 사용하기 편한 프레임워크를 선택하시면 됩니다.

 

라이브러리는 일종의 '도서관' 같은 역할입니다. 개발을 하기 위해 필요한 것들이 미리 구현되어 있으며, 원할 때마다 가져다 쓰면 됩니다. 라이브러리는 함수나 클래스로 구현되어 있으며, 라이브러리의 기능은 프레임워크에 없기 때문에 도움을 받는 것입니다.

 

여기서는 라이브러리 중에 하나인 글라이드 Glide를 직접 가져와서 사용해보도록 하겠습니다.

https://github.com/bumptech/glide

bumptech/glide

 

글라이드는 외부의 이미지를 URL을 통해서 뷰에 직접 보여주는 것을 도와주는 라이브러리입니다.

 

우선 라이브러리를 적용하기 위해서는, 글라이드의 Set Up 페이지를 살펴봅니다.

 

보통 안드로이드 스튜디오에서 라이브러리를 가져오는 방법이 여러 가지가 있지만, 그레이들을 통해서 가져오는 것이 빠르고 안정적입니다. Jar 파일을 위치시키는 등의 다른 방법은 버전을 바꿀 때도 번거롭지만, 그레이들을 통해서 가져오면, 숫자만 바꿔주면 되기 때문입니다.

반응형

위의 설명 처럼, 프로젝트 단위의 그레이들에 repositories를 추가하고, 모듈 단위의 그레이들에 dependencies를 추가합니다. 아래의 코드처럼 말이죠.

allprojects {
    repositories {
        mavenCentral()
        maven { url 'https://maven.google.com' }
        google()
        jcenter()
    }
}

dependencies {

    implementation 'com.github.bumptech.glide:glide:4.11.0'
    // Skip this if you don't want to use integration libraries or configure Glide.
    
    annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0'
}

위에는 프로젝트 단위의 그레이들에 라이브러리를 추가한 것이며, 아래는 모듈 단위에 추가한 것입니다. compile이란 명령어는 depreciated된 것이므로, implementation으로 바꿨습니다.

 

이렇게 라이브러리를 추가하면, 안드로이드 스튜디오에서 Sync Now가 뜨는데, 이를 클릭해주면, 자동으로 라이브러리를 가져오게 됩니다.

 

그럼 글라이드를 이용해서 웹 상의 이미지를 직접 뷰에 연결시켜 보겠습니다.

<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:padding="@dimen/box_inset_layout_padding"
    tools:context=".LibraryActivity"
    tools:deviceIds="wear">

    <ImageView
        android:id="@+id/glide"
        android:layout_width="300dp"
        android:layout_height="300dp" />

</LinearLayout>

위의 xml 코드처럼, 이미지 뷰 하나를 준비합니다.

 

이후에 코틀린 파일에 아래처럼 코딩하여 글라이드 라이브러리의 사용법에서 명시된 것 처럼, 필요한 메소드를 통해서 원하는 이미지 주소를 뷰에 나타낼 수 있습니다.

 

class LibraryActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.practice_library)


        Glide.with(this@LibraryActivity)
            .load("https://sample.jpg")
            .centerCrop()
            .into(glide)


    }