Skip to main content

Posts

Showing posts with the label Android

Flutter UI Designing Travel App UI Design Dribbble

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Travel App UI Design Dribbble on Android Studio. In this section, we will implement many widgets and concepts, such as Stack, Flutter SVG, ClipRRect, Backdrop Filter, ImageFilter, Google Fonts,  Custom Widget, and much more.  Project Starter Code  flutter_travel_app_starter.zip Packages we are using: flutter_svg:  get package google_fonts:  get package smooth_page_indicator: get_package Fonts Lato  get font Playfair Display get_font UI Credit Design by: Icha Mawaddah Febriyana  see the profile You can get Project file from the link below: Flutter Final Project Link ►  get file Watch in on YouTube PART 1 PART 2

Flutter UI Designing Book App UI Design Uplabs

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Book App UI Design Uplabs on Android Studio. In this section, we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, Navigator, and much more. Project Starter Code  flutter_finance_app_starter.zip Packages we are using: flutter_svg:  get package google_fonts:  get package Fonts Open Sans  get font UI Credit Design by: Rizki AR Khomaini  see the profile You can get Project file from the link below: Flutter Final Project Link ►  get file Watch in on YouTube

Flutter UI Designing Modern Moora Money Managemenet App

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Designing Moora Money Banking Management App UI Design Uplabs on Android Studio. In this section, we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, and much more. Project Starter Code  flutter_finance_app_starter.zip Packages we are using: flutter_svg:  get package google_fonts:  get package Fonts Inter  get font UI Credit Design by: Innovation Graphics  see the profile You can get Project file from the link below: Flutter Final Project Link ►  get file Watch in on YouTube

Designing Finance Banking App UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Finance Banking App UI Design with Flutter on Android Studio. In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, Slide to Confirm and much more. Project Starter Code  flutter_finance_app_starter.zip Packages we are using: flutter_svg:  get package slide_to_confirm:  get package google_fonts:  get package Fonts Nunito  get font UI Credit Design by: Bagas Nirwan  see the profile You can get Project file from the link below: Flutter Final Project Link ►  get file Watch in on YouTube

Designing Modern Travel Booking App Travelkuy UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Travel Booking App Travelkuy UI Design with Flutter on Android Studio. In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, and much more. Project Starter Code flutter_travelkuy_app_starter.zip Packages we are using: flutter_svg: get package flutter_swiper: get package google_fonts: get package Fonts Inter get font UI Credit Design by: Bagas Nirwan see the profile You can get Project file from the link below: Flutter Final Project Link ► get file Watch in on YouTube

How to Use Custom Font Google Fonts in Flutter - Introducing Google Fonts for Flutter

Hello guys, welcome back with me Abdul Aziz Ahwan , Google Developer YouTube channel just announced several new features, one of which caught my attention is the following new feature. That's Google Fonts for Flutter. Google Fonts allows developers to easily experiment with and use any of the fonts from fonts.google.com in their app.  When the app is ready to publish, the developer then decides whether the user receives the font by downloading it from the API, or it’s pre-bundled with the app package.  We have minimized the work needed to pre-bundle a font, and also kept it compatible with dynamic font loading so you don’t have to change your code if you decide to pre-bundle. ( source ) So beforehand if using custom fonts, even Google fonts though we have to declare it in assets. And now we can use Google fonts directly from our style without the need to download and store them in assets. Look like this.  Let's try the update feature.

Designing Modern Dashboard UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Dashboard Screen UI Design with Flutter on Android Studio. In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Circle Avatar, Flutter SVG, and much more. You can get Assets file and Project file from the link below: Asset File Link ► https://gum.co/cDQTr Flutter Final Project Link ► https://gum.co/ytieD

Customizable Animated Bottom Bar Navigation View with Sleek Animations by Droppers - Android Studio

Hi everyone, I am   @Abdul Aziz Ahwan . In this post, we will discuss about the library that you can consider to use on your next project. And the library that we will discuss is the Animated Bottom Bar .  Animated Bottom Bar is a customizable and easy to use BottomBar navigation view with sleek animations. Thanks for the creator of this library. Link for the library ► https://github.com/Droppers/AnimatedBottomBar For me, Animated Bottom Bar is super duper awesome, and it's more beautiful than default BottomNavigationView of Material Design. Download my project https://bit.ly/abbComplete Support me via PayPal https://paypal.me/abdulazizahwan Full tutorial, you can watch my video below. Implementing onTabSelected tutorial video, you can watch my video below.

Change Icon or Image of Selected Item in Bottom Navigation View - Android Studio Tutorial

Hi everyone, I am   @Abdul Aziz Ahwan . In this post, we are going to learn How to Change Icon or Image of Selected Item in Bottom Navigation View in Android Studio. In this video I'm trying to clone TixID application. And I have duplicate the icon using Figma to learning purpose. I think it was very easy. We just need to create selector in our drawable resource, and then we need to call our drawable. But don't forget to call android:state_checked like this. Full tutorial, you can watch my video below.

Create a Coronavirus Covid-19 Tracker App Realtime Data - Volley Fetch REST API in Android Studio

#Covid19 #TrackingApp #Coronavirus #RealtimeData #Monitoring Hi everyone, I am  @Abdul Aziz Ahwan . In this post, we are going to Create a Coronavirus Covid-19 Tracking App Realtime REST API JSON Data from Scratch using Volley Library in Android Studio.  Data is always updated regularly Public JSON API obtained from ► https://corona.lmao.ninja/ NovelCOVID-API Github repository for the JSON API ► https://github.com/NovelCOVID/API Another reference John Hopkins University & Medicine ► https://coronavirus.jhu.edu/map.html World Health Organization ► https://www.who.int/redirect-pages/page/novel-coronavirus-(covid-19)-situation-dashboard 📂 PROJECT FILE ItemClickSupport Code Link ► https://gist.github.com/abdulazizahwan/38f592721e8489ea86bcc766d21f2c7f Android Studio Link ►  https://bit.ly/finalProjectCovid19 📱 APK file Link ► http://bit.ly/covid19APK 🎨 Project Assets Link ► http://bit.ly/covid19Assets Volley Library Link ►

Build a Countdown App from Date Picker in Android Studio | Using Countdown View and Lottie Library

Hello guys, how are you today? in this post we are going to Build a Countdown App from Date Picker in Android Studio | Using Countdown View Library. First of all, make sure you have watch my first video here. After that make sure you have clone or checkout my Github repository from  here The first step is we need to update our build.gradle like this After that update our activity_main.xml look like this And then create a new Java class called DatePickerFragment.java like this And the last but not least, update our MainActivity like this And yeay! we have finished, try to run our App :) Android Studio Project file ►  here Lottie Assets  ► http://gg.gg/gsif4 If you want to watch full tutorial on YouTube here

How to Implement SetOnItemSelectedListener in Fragment on Bubble Tab Bar Chip Navigation Bar Kotlin Android Studio

Hello guys, how are you today? in this post we are going to learn How do we Implement SetOnItemSelectedListener in Fragment on Bubble Tab Bar Chip Navigation Bar with Kotlin Android Studio. First of all, make sure you have watch my first video here. After that make sure you have clone or checkout my Github repository from  here The first step is we need to update our build.gradle like this After that update our activity_main.xml look like this And then create new layout resource file called fragment_child like this And then create a new Kotlin class called ViewPagerAdapter like this And the last but not least, update our MainActivity like this And yeay! we have finished, try to run our App :) If you want to watch full tutorial on YouTube here

Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are going to Learn How to Designing Online Course Education App UI Design from Adobe XD to Android Studio. In this tutorial we are implementing many things, like Layouting, RecyclerView, CardView, Animation and more. So Education App that we want to create like this.   You can get Project File from link below: Assets : assets.abdulazizahwan Adobe XD :  xd.abdulazizahwan Android Studio Part 1 : asp1.abdulazizahwan Android Studio Final :  aspc.abdulazizahwan Part I [Design Section] Part II [XML Layouting Section] Part III [Java Section]

How to Create Modern Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about How to Create Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio. Illustration by Craftwork.design https://gumroad.com/a/126252147 . So Onboarding that we want to create like this.       You can get Project File from link below: Adobe XD : xd.abdulazizahwan Android Studio : git.abdulazizahwan Part I [Design Section] Part II [Code Section]

Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio. In this section we will implementing like Constraint Layout, Intent Animation on Android Studio. The design would be look like this.       You can get Project File from link below: Adobe XD : xd.abdulazizahwan Android Studio : git.abdulazizahwan Part I [Design Section] Part II [Code Section]

How to Create Splash Screen Like YouTube App in Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk How to Clone YouTube App Splash Screen in Android Studio. You can get Project File from link below: - Android Studio : androidstudio.abdulazizahwan - YouTube Logo : youtube_logo.svg Video Tutorial

How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio

#CustomShape #BottomNavigationView #AndroidStudio #Modern Hi everyone, I am Abdul Aziz Ahwan . In this post, we are going to Learn How do I Customize Background Shape Bottom Navigation View Material Design Component in Android Studio. To customize background shape it's so simple, we can simply create drawable resource file and set that file as the background. If you want to learn more, you can watch the tutorial below. Android Studio Project File ( abdulazizahwan.androidstudio ) 

Cara Menampilkan Layar Hp Smartphone, Streaming Main PUBG di Laptop atau PC

Sebagai Pembuat Konten yang membuat Tutorial Pengembangan Seluler, kadang-kadang saya perlu mirror Perangkat Android saya ke komputer saya, alasannya bisa banyak, seperti Demo, Emulator Mengkonsumsi Memori Tinggi, Spesifikasi Komputer Rendah dan Lebih Mudah Menggunakan Perangkat Fisik. Itu beberapa alasan mengapa saya membuat video ini. Pada kenyataannya, ada banyak Aplikasi mirroring layar, seperti Vysor, MirrorGO, ApowerMirror dan banyak lagi. Tapi, hampir semuanya berbayar, walaupun ada versi gratis yang tersedia. Versi gratis memiliki banyak fitur keterbatasan, kualitas resolusi layar buruk dan semua animasi hilang ketika kita mencerminkan perangkat dalam frame rate tinggi, memiliki iklan dan watermark yang mengganggu. Jika kita menginginkan resolusi tinggi dengan frame rate tinggi dan tanpa iklan, kita perlu membeli versi pro. Tapi, sekarang kita bisa menggunakan Scrcpy. Scrcpy adalah pencerminan layar dan alat yang hebat untuk mengendalikan perangkat Android kami dari

How to Fix Intel HAXM Installation Error - This Computer Does Not Support Intel Virtualization Technology (VT-x) - Android Studio Tutorial

Hi everyone, my name is Abdul Aziz Ahwan from Indonesia and welcome back with me on YouTube. Today we are gonna talk about how to solve cannot Install Intel HAXM on Android Studio 3.0. But before we are going to the tutorial I’m very grateful if you want to click the subscribe button to make this channel growing up. Ok thank you so much and let’s get started with my tutorial. Ok, first of all I want to say sorry for my english is not good so if the word I use are incorrect please help me to point out. So today we are going to solve cannot install Intel HAXM on Android Studio. In this section I use Android Studio 3.0. Make sure you have installed Android Studio on your computer. And the open Android Studio, select SDK Manager and then select SDK Tools. And then we can select Intel HAXM. To install Intel HAXM select apply and agree. Wait until the installation is complete. But as we can see, the errory says this computer does not support Intel Virtualization Technology or ma