How to Add Animated gif Splash Screen for QML Android Apps? - android

I would like to add animated gif splash screen because first installation takes too much time for old Android devices. I couldn't find any docs or clue about this.
I especially would like to use this library: https://github.com/koral--/android-gif-drawable
I don't know anything about Java or layout.xml so I failed to use it for Qml app. If there is a simple hello world example it would be great!

Here there is a proposal about how to make animated QML splashscreen on Android.
Basically the solution mix two steps that allow to have a "partially" animated splash screen but don't use an animated git. Instead show the standard busy QML control. Is not what you are looking for but it could be a good base to improve with your need...
QML: Mixed native Android and QML animated splash screen

Related

Adapt custom Illustrator UI for React Native app

I'm building app with one main activity which UI looks like TV remote. I need to show interactive response to the user when he interacts with UI through taps.
UI is created with Illustrator. I was searching for some SVG solutions but only found animation and morph libraries. Turns out I need to reload part of the UI, because reloading everything on every tap seems heavy on performance.
What good solutions there are for this problem? Load SVG in parts and put it together with css? I'm even considering moving to native Android if there's no way, because my app depends on some phone hardware control. By the way, I'll also be moving design to Adobe XD for prototype creation, so maybe there's something to go in line to make life easier.
So here's a way I solved this:
Give names to illustrator layers to be exported (even hidden layers should be shown to be exported)
Export selected artboard as SVG with internal CSS and select 'layer names' for Object IDs
Open SVG in editor and adjust initial styling as needed (gradient, stroke, hide layers to be switched etc).
Use SVGR to convert SVG into React component
Set component position
Pass props to React component to change styling at runtime and interact with user

Onboarding Screen Animations

How to achieve a very cool looking on-boarding screen animations like the attached one.And which technology is used for it. is it Lottie Animation/video that developers control on Swipe gestures, or it is achieved by coding.
The animation you have picked is from this source is basically a UI design, which is mainly done by either Sketch or Adobe XD
So the main task is to transform this Sketch App UI Design to Android XML. There is a lot of tutorial in youtube like this from where you can do this.
Then you need to know some basic about XML animation how its work with java. From this video and this link you will get some idea.
Then Finally you need to build an intro slider on your own. You can follow this video and this post
but there is some library also by which you can do this.
You can use App Intro and material-intro-screen

Cocos2d-x Support Secondary Display?

I want to show the secondary screen for using Android on Cocos2d-x.
Is there a Presentation Class in the Android that can be used with Cocos2d-x?
I want to Main UIScreen show Cocos2dx Scene or Java Controller,Ex:Move button,Pause button…
Secondary UIscreen show another Cocos2dx Scene GameScene Viewer,Ex:Role,Collider,Decorator
Is there a way to configure the Dual Display with Cocos2d-x as an Android platform?
I'm not sure if I got your question correctly. If you mean secondary/external display show something different that main device, It's none of cocos2d's business.
However, if you want to have a split-screen output like below picture, it's possible though not trivial.
Although I didn't do something like that, I can point you towards discussions like this.

What do they utilize to build android apps with custom graphics and controls ?

What I mean to say while you're just getting started with the development and say you add a slider theres a predefined skin for that and you can place it somewhere on the screen, but in some apps there are things like a knob in a place of slider which you can rotate to do the same stuff what the slider does . How do they do that, does it require openGL or something I am not asking for a complete tutorial or something just curious on what stuff goes into building such thing
Mostly, if something is not provided out of the box, you will have to build your own control.
For example, you mention a Knob. That isn't available in the Android SDK. Such a control could prove to be useful.
Here is a tutorial to build such a custom Control: http://go-lambda.blogspot.in/2012/02/rotary-knob-widget-on-android.html
This is an image of the final result from the tutorial linked above:
Here is an example of a custom slider / seek bar: http://permadi.com/blog/2011/11/android-sdk-custom-slider-bar-seekbar/
This should give you a rough idea on how to go about creating your own custom views.
And finally, what I personally find the best possible resource for keeping track of almost all good Custom Views is here: http://www.androidviews.net/
The androidviews.net website has shut down. Android Arsenal is a new website that lists several third party Android libraries.

Demoing android app screenshots

I need a way to show off concept designs of an android application on an android phone to simulate that it is running. Basically just being able to tap to advance to the next photo/screen would be sufficient with a tap ANYWHERE on the screen. Any tools you know that would be helpful?
Eclipse with Android toolkit.
Write a small program. wont take up much time.
[update]
No coding is required. Create an android project Using Eclipse android project, you can visually create UI prototype (i.e. drag and drop .. no coding). Use main.xml after developing each screen run the project in emulator, you can take screenshot of the same (either using eclipse DDMS plugin's snapshot capability or using Alt+Print screen in windows or something similar in other OS). Use this screenshot in a powerpoint presetation . Repeat the same process for a second screen (overwrite the same main.xml so that you dont have to write code). take screenshot again. Add the required animations in powerpoint.
Is there any other option that does not involve any code?
The easiest way I can think of is:
1. Take screen shots(wireframes, screen prototypes) for every screen flow you wish to demonstrate.
2. add them in proper sequence(regulated by sequence number) to your sdcard.
3. Open Picture gallery and use swipe gesture to transition and cycle between screen, walk through all the screen flows.
Do it photoshop, create images, add it to an activity. Create a layout that fills the parent, add it as a background. Then implement a ontouch method to finish the activity and load the next. Quite simple.

Categories

Resources