Hello all… I have shown a lot of examples of animations in android. Today I will show you how to show an image transition animation between two images. For that you have to create an xml named “expand_collapse.xml” inside the res/drawable folder. The contents of “expand_collapse.xml” are Now in the main.xml place an imageView to… Read More »
Hi all….. Today I will show you how to do a simple and beautiful text animation while switching the text in a textView in android The advantage is that you don’t need a seperate xml file for animation in this program, all is done inside the java code. This is the main java file. Here… Read More »
Hi all….. In this post I will show you a simple animation using a textView. It’s really simple. Steps. 1. Create a fresh project and copy this java code into it. 2. Create a folder named “anim” inside the res folder and create a file named “animation.xml” and copy this code into it. 3. copy… Read More »
A series of frames is drawn one after the other at regular intervals. For this create a xml which contains ImageView for showing the animation The main java file is Next the main part, an xml which holds each image and duration in which each image shows. The xml should be placed inside drawable folder… Read More »
Hi, Suppose you have a sprite sheet of the desired animation you want. But how will you use that sprite sheet animation in your program using cocos2D? That’s simple. See the following code first. Note : But how to make a sprite sheet? That topic can be found here. Making of sprite sheets from individual… Read More »
For showing a number of animations sequentially in Cocos2D we use the CCSequence. CCSequence can accept a number of actions as parameters which will be executed in sequence , ie one after another. Here is a sample code to so this. /* This action will scale my_sprite */ id scaleTo = [CCScaleTo actionWithDuration:4 scale:1.5]; /*This… Read More »
Hi, In one of our previous post we have discussed how to animate sprite sheet in cocos2D. In some cases you may need to stop the sprite sheet animation abruptly. How to do that? Here the way to do that. Use the following. [spriteName stopAction:spriteNameAction]; where spriteName is the name of your sprite & spriteNameAction… Read More »
Hi, Suppose you have a sprite sheet of the desired animation you want. But how will you use that sprite sheet animation in your program using cocos2D? That’s simple. See the following code first. //Initializing a CCSpriteBatchNode with our sprite sheet image CCSpriteBatchNode *newSpriteSheet = [CCSpriteBatchNode batchNodeWithFile:@”jumpingOver.png”]; //Adding the spriteSheet to the layer & setting… Read More »
You cal also animate CCMenu like other sprites to have some effect on your Menu. You can also place spritesheets in each MenuItem. -(void) setUpMenu { CCSprite *Home1 = [CCSprite spriteWithFile:@”Home1.png”]; CCSprite *Home2 = [CCSprite spriteWithFile:@”Home1.png”]; Home2.opacity = 100; CCSprite *Levels1 = [CCSprite spriteWithFile:@”levels2.png”]; CCSprite *Levels2 = [CCSprite spriteWithFile:@”levels2.png”]; Levels2.opacity = 100; CCSprite *Refresh1 =… Read More »
You can create endlessly looping animations this way. This code lets a node rotate forever like an endlessly spinning wheel:
Introduction: When it comes to developing cross-platform mobile applications, Flutter and React Native have emerged as the two dominant frameworks. As developers seek to create high-performing apps, it’s crucial to understand the performance capabilities of each framework. In this article, we will delve into the performance aspects of Flutter and React Native, examining their strengths… Read More »
In this article, we will how to select an image by capturing from camera or gallery, then we will save the image in app’s temporary directory in a separate thread and then load it from there. Watch Video Tutorial For this demo we need three packages. Add Dependencies Open pubspec.yaml file and then add the… Read More »
In this article we will see how to use a nice plugin called FlushBox in Flutter. Watch Video Tutorial First thing to do is to add dependencies. Add Dependencies Go to your pubspec.yaml file and add the below dependency. Once done that run ‘flutter packages get’ in the terminal to download the packages to be… Read More »
Watch Video Tutorial As you all know Flutter is a single threaded App platform. So then How to do multithreading ?. How to execute heavy operations in one thread ?. How to run big operations without affecting the UI ?. But yes, all these can be achieved with the help of Isolates. What are Isolates?… Read More »
Watch Video Tutorial Add Plugins For downloading, Extracting and saving ZIP in the device, we need some plugins. So open your pubspec.yaml file and add the below plugins. The ‘http‘ package is for downloading the zip file, ‘path_provider‘ is for saving the file inside the device and the ‘archive‘ package is… Read More »
Carousels are an awesome way to show a list of images. We will be using a plugin to show the carousel in flutter. Watch Video Tutorial Add Plugin To use carousel we need to add the below plugin to our pubspec.yaml file https://pub.dartlang.org/packages/carousel_slider So open your pubspec.yaml file and add the… Read More »
Welcome to yet another Flutter Tutorial, in this Tutorial we will see how to create a custom Progressbar using Custom Paint. Watch Video Tutorial Custom Painter class Create a new file named progress_painter.dart and create a class named ‘ProgressPainter’. This class extends the CustomPaint class and overrides two methods which needs… Read More »
Article shows how to use Animated Containers in Flutter. AnimatedContainer are used for Implicit animations in Flutter. Here we will be investigating AnimatedContainer, AnimatedCrossFade and AnimatedOpacity. Watch Video Tutorial AnimatedContainer This by default uses Linear Interpolation to transition to the new values. Specify the duration to AnimatedCrossFade Here we will animate… Read More »
I am assuming that you already have some understanding about Flutter. If you have no information about Flutter SDK, then I could recommend first going to flutter.io and get the initial knowledge. Our Final app will look like this. You can watch the complete video tutorial from here… App will implement GridView JSON Implementation Error… Read More »
Mobile user experience is not only related to design something to use on the mobile devices. It is a process that requires brainstorming, research and development to find out how you can better consider the UX and apply it in your UI. Keep in mind that the number of mobile internet users is increasing day… Read More »
What is ButterKnife? Its a kind of view injection in Activities or Fragments using Annotations. Butterknife can be used to 1. Bind Views 2. Bind Clicks 3. Can be used with resources like strings, colors, Dimens, Drawables etc. Below are the annotations available AnnotationDescription @BindView Binds view object. TextView, Button, Spinner or any view object… Read More »
Material design has changed the way user interact with apps. Below is one such UI design which we all will love. We will create a collapsable AppBar which scrolls from center of the screen to the AppBar. Check out the video below to see how it looks. All the magic happens in the XML layout.… Read More »
Hi all, In Today’s tutorial we will see how we can do a shared element transition between activities in android. What we will do. We have two activities First activity has a TextView and two images. Second activity with two images. We will animation between corresponding images. Check out the video below to see what… Read More »
Below simple code explains how you can do a simple activity transitions in Android