I was using Rive to make animation for my flutter project, But now I'm wondering if there is a good substitution for Rive to use with kotlin (or something similar to that) in native android programming so i would be able to use awesome animations in native android too?
For native android animations you can use:
Lottie from airbnb -> https://github.com/airbnb/lottie-android
MotionLayout from google -> https://developer.android.com/training/constraint-layout/motionlayout/examples
Android Studio includes a visual design editor for the MotionLayout -> https://developer.android.com/studio/write/motion-editor
Doing a bit of searching I found that Rive has an integration with Android.
I don't know if it will be useful to you but I will still share the links.
https://help.rive.app/runtimes/overview/android
https://github.com/rive-app/rive-android
Related
I am new to android development using kotlin, I have no problem implementing functions, but i dont know how to go about the UI, does kotlin has a framework for that like flutter or i am to build my UI using XML
Jetpack Compose launched recently which has a declarative approach for building the UI just like flutter. It works with Kotlin.
Check more about it here :) ( you don't need to use XML if you are using Jetpack Compose in your project )
I want to know if there any way to add custom UI components in palette.
I tried searching in documentation, but i could not find any such option.
It seems like IntelliJ IDEA has this option, but i could not see it in Android Studio.
I'm working on a project where one requirement is to use the Google's Material design. The other requirement is Angular2. Unfortunately the material design for NG2 isn't fully ready yet. Since in the past I've worked with Ionic2, I've seen that it has a huge library of components already set up with the material design (for android). I was wondering if there's some way to extract those components and re-use them inside another angular2 project...
Is it witchcraft? Thanks for any suggestion.
Is it a web project or a mobile project?
In any case you can't just extract a component, what you can do is use PWA Ionic 2 - PWA forum post, set you application mode to 'md' in you app.modules imports and then edit the remaining css to look more like material design
I'm trying to build a modal that looks somewhat like this using React Native for iOS and Android. Are there any libraries that do blurred/vibrancy overlays? I had a look at the react-native-blur, however unfortunately this is only for iOS. React-native-overlay also has some options for such views, however it also appears to be iOS only.
Is there a library that supports both platforms, or is there a way to use a JS library such as vibrancy.js that can be used with React?
Currently react-native-blur supports blur for Android as well. However a little bit of setup is required. Check out the docs here:
https://github.com/react-native-community/react-native-blur.
The library also offers the ability to create vibrancy views. Although, at the present (v 3.2.2), vibrancy will only work fo iOS.
As a new developer with Android I miss a component showcase or a visual guide like that for swing in the documentation.
There is one in someplace?
Normally what I do is use google images with the component name but a visual guide will be nicer.
This year Google published Android Design that has a Building blocks section with a showcase of components.
It's probably not exactly what you're looking for, but the Hello Views guide should help you a bit with different layouts and some common components: http://developer.android.com/resources/tutorials/views/index.html
You should try out ApiDemo sample from the SDK (you'll have to install them from the Android SDK and AVD manager). Actually it's not only about components but also other features, anyway it's the closest thing to a component showcase I know about.
I was looking for a similar resource (in 2019) and found this library in Figma helpful:
https://www.figma.com/file/NMeZfmwo9Nhqi72S0bw3Tn/Android-UI-Kit
Also, the following link is a showcase of the standard components respecting Material Design:
https://materialdesignkit.com/android-gui/