Select Page

Cara Menambah CardView di Layout XML pada AndroidX

Cara Menambah CardView di Layout XML pada AndroidX

CardView pada xml banyak digunakan untuk pembuatan desain xml atau tampilan pada android studio. namun update terahir pada android studio memberikan kesan berbeda pada coding build.granle(app), yaitu adanya perubahan pada implementasi cardview pada androidx.

hal ini dapat diatasi dengan mengikuti langkah berikut ini.

Update CardView

sebelum menggunakan cardview tentunya kita harus menambah depencies dan melakukan sync agar dapat berjalan dengan normal pada xml.

Menambahkan cardview

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.0.2'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'androidx.cardview:cardview:1.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
}

Pada code diatas ada tambahan ‘androidx.cardview:cardview:1.0.0’, yang pada versi SDK sebelumnya ‘com.android.support:cardview-v7:28.0.0’ , perubahan ini terjadi apabila menggunakan android studio versi 3.5.1 dengan CompileSDK 29.

Menambah cardview pada XML

Selanjutnya kita akan membahas cara menambahkan cardview tersebut pada file xml. Sebenarnya hal ini sangat mudah dan hanya merubah sedikit code. lihat code dibawah

Sebelumnya :
<android.support.v7.widget.CardView>

</android.support.v7.widget.CardView>

Diganti dengan
<androidx.cardview.widget.CardView>

</androidx.cardview.widget.CardView>

sudah selesai, apabila anda ingin melihat contohnya bisa dilihat pada postingan SOURCE CODE MODERN UI PROFILE DESIGN DENGAN ANDROID STUDIO 2019. Tutorial ini menjelaskan tentang membuat UI design profile yang didalamnya menggunakan cardview untuk mempercantik tampilan.