• Tentang Kami
  • Hubungi Kami
  • Kebijakan Privasi
  • Sangkalan
Masbilly.com
  • Beranda
  • Tutorial
    • Android
    • IOS
    • Windows
    • Photoshop
    • Komputer Jaringan
  • Media Sosial
    • Instagram
    • WhatsApp
    • Telegram
    • Facebook
    • Youtube
    • TikTok
  • Tech
    • Gadget
    • Komputer & Laptop
  • Games
    • Mobile
    • PC
  • Programing
    • MySQL
    • PHP
    • Java
    • C++
  • Spot News
No Result
View All Result
  • Beranda
  • Tutorial
    • Android
    • IOS
    • Windows
    • Photoshop
    • Komputer Jaringan
  • Media Sosial
    • Instagram
    • WhatsApp
    • Telegram
    • Facebook
    • Youtube
    • TikTok
  • Tech
    • Gadget
    • Komputer & Laptop
  • Games
    • Mobile
    • PC
  • Programing
    • MySQL
    • PHP
    • Java
    • C++
  • Spot News
No Result
View All Result
Masbilly.com
No Result
View All Result
Home Programing

3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio

Billy Afri Lorenzia by Billy Afri Lorenzia
February 11, 2023
in Programing
0
Ada berbagai macam masalah yang menjadi penghambat kita untuk membuat sebuah project aplikasi mobile di Android Studio, salah satunya adalah masalah pada layout preview design yang seringkali tidak muncul, Hal tersebut sering dialami oleh sebagian pengguna Android Studio.

Apa itu preview design? Preview design merupakan sebuah fitur yang sangat penting bagi seorang developer untuk mengontrol letak layout tampilan android, dengan preview design yang tak muncul maka itu akan menjadi masalah yang serius bagi seorang developer mobile.

3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio

Error pada layout preview design memang sangat menjengkelkan terkadang kita tidak tau apa penyebab dari error tersebut bisa terjadi. Pada dasarnya Preview design yang seringkali tidak muncul bisa desebabkan oleh berbagai macam hal diantaranya :

  1. File Project dan Gradle tidak tersinkron dengan baik.
  2. Terdapat file SDK yang terhapus.
  3. Terdapat kesalahan pada file .xml.

Berdasarkan yang pernah saya alami ada 3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio, kalian bisa coba pilih salah satu dari 3 cara ini mana yang work bagi masalah kalian, diantaranya :

  1. Menuliskan tambahan kata Base didalam parent file values res styles.xml.
  2. Mengatur Implementation pada build.Gradle (Module App).
  3. Mengubah level API ke level rendah.

Berikut ini adalah contoh tampilan project saya yang mengalami error preview design di android studio.

3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio

Kita akan coba meyelesaikan permasalahan ini, Ayo kita simak satu – persatu.

Daftar isi : hide
Menuliskan tambahan kata “Base” di dalam parent file values res styles.xml.
Mengatur Implementation pada build.Gradle (Module App).
Mengubah level API ke level rendah

Menuliskan tambahan kata “Base” di dalam parent file values res styles.xml.

  • Silahkan pergi ke package res > values > style.xml kemudian temukan kode parent=”Theme.AppCompat.Light.DarkActionBar” dan ubah lah dengan menambahkan kata Base sehingga menjadi seperti ini parent=”Base.Theme.AppCompat.Light.DarkActionBar”, bisa di lihat pada tampilan gambar dibawah.
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  • Kemudian langkah terakhir yang wajib dilakukan adalah melakukan Invalidate Chache / Restart.
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  • Android studio akan merestart, dan jika masalah yang kalian alami belum selesai atau preview masih tidak muncul kalian bisa langsung coba cara berikutnya.

Mengatur Implementation pada build.Gradle (Module App).

  • Silahkan kalian buka file gradle project kalian, Gradle Script > build.gradle (Module app).
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  • Kemudian atur implementation dibagian dependencies
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  • Ubah implementation ‘com.android.support:appcompat-v7:28.0.0‘ menjadi implementation ‘com.android.support:appcompat-v7:28.0.0-alpha1‘ seperti yang dicontohkan gambar dibawah.
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  •  Jika sudah silahkan sinkronkan gradle.
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  • Jika masalah belum juga teratasi kalian bisa langsung coba cara terakhir.
Baca Juga:   Memahami MySQL Melalui Kelebihan, Kekurangan, dan Cara Penggunaan MySQL

Mengubah level API ke level rendah

  • Silahkan masuk ke layout .xml dan kemudian pilih menu design di pojok kanan atas. Kemudian klik pilihan level API dan ubah ke API terendah, tadinya saya menggunakan API 29 lalu saya ubah ke API 27.
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio
  • Jika sudah silahkan kalian rebuild project, dan tampilan preview sudah kembali normal.
3 Cara Mengatasi Layar Preview Design Tidak Muncul di Android Studio

Dan mungkin segitu saja cara untuk mengatasi layar preview design tidak muncul di Android Studio.
Sekarang sudah tidak perlu bingung lagi untuk mengatasi layar preview design yang tidak muncul.

Baca Juga 

  • Cara Install Android Studio di Windows
  • Pengertian Java Serta Kelebihan dan Kekurangannya
  • Contoh Penggunaan Intent Explicit dan Implicit untuk Pindah antar Activity

Sekian, semoga dapat bermanfaat dan jangan lupa untuk membaca artikel lainnya seputar dunia Programming.

Thanks For Visiting ^_^
Masbilly.com
Tags: android studioprograming
Previous Post

Cara Membuat User Baru atau Ruang Kedua di Windows 10 dan 7

Next Post

Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database

Billy Afri Lorenzia

Billy Afri Lorenzia

Mahasiswa Teknik Informatika yang tertarik pada bidang Teknologi Komputer, Internet, Game, NFT & Cryptocurrency. Saat ini aktif sebagai Editor/Redaktur dan pemilik blog Masbilly.com

Next Post

Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Postingan Terbaru

Cara Mengaktifkan Kamera Laptop Windows 10

Cara Mengaktifkan Kamera Laptop Windows 10

March 25, 2023
Cara Mematikan Windows Defender di Windows 7, 8, dan 10

Cara Mematikan Windows Defender di Windows 7, 8, dan 10

March 24, 2023
Cara Screenshot di Laptop Windows 10

Cara Screenshot di Laptop Windows 10 Tanpa Aplikasi

March 23, 2023
Masbilly.com

Masbilly.com adalah blog Teknologi Informasi yang membahas tentang Tutorial, Tips & Trik, Programing dan Info Menarik lainnya.

Follow Us

  • Tentang Kami
  • Hubungi Kami
  • Kebijakan Privasi
  • Sangkalan

© 2022 Masbilly.com - All rights reserved.

No Result
View All Result
  • Beranda
  • Tutorial
    • Android
    • Windows
    • Photoshop
    • Komputer Jaringan
  • Media Sosial
    • Instagram
    • WhatsApp
    • TikTok
  • Tech
    • Gadget
    • Komputer & Laptop
  • Games
    • Mobile
    • PC
  • Programing
    • MySQL
    • PHP
    • Java
    • C++
  • Spot News

© 2022 Masbilly.com - All rights reserved.