How to flip a UI component when doing BlackBerry Java development? - blackberry

I'm looking into porting my iPhone application to the BlackBerry and have run into a wall with the out of the box UI components and UI animations available for the BlackBerry. One feature that I really, really need to figure out is how do I flip over a UI component on the BlackBerry. For example, lets say that I have a UI component for a playing card. When the user selects that card I would like to flip it over to reveal what's on the other side.
Also, can anyone point me to any resources (books, websites, etc.) that deal with animation on BlackBerry devices?
Thanks.

You can achive effect in two ways:
BitmapField layout animation with image switch in the middle
BitmapField (or any custom field with image) image animation with image switch in the middle
See animation related articles:
BB KB - How To Display an animated GIF
The BlackBerry Graphical User Interface: Part 2 - Direct Screen Drawing
SO - Blackberry - fields layout animation
SO - Blackberry - background image/animation RIM OS 4.5.0

Related

How to animate letters/words on screen in different ways

I know How to use/show animated images in ImageView. But I m wondering if this is possible in native iOS and/Or Android that letters of a string can be shown on screen via different shape of animations.
For Example:
Ballons on the full app screen pop and deposit the words of the text/string.
Popcorn in a pan on the full app screen pop and deposits the words of the text/string.
Then these letters/words are moving down to bottom of app screen and placed/shown in some textView
I have searched a lot but found nothing like this in Native environment.
I have found THIS LTMorphingLabel but it is very far from my requirement.
Any idea or direction will be highly appreciated.
Lottie is a mobile library for Android and iOS that parses Adobe
After Effects animations exported as json with Bodymovin and renders
them natively on mobile!
you can have different animation for each lettter
have fun

xamarin forms livecast-like page-inline camera

I was wondering if anyone here knows how to add a camera area like this one(similar to snapchat I guess) in Xamarin Forms (preferably,mainly with XAML)Camera area is suppose to have a livecast & it is going to be on iOS
needed this screen:
I tried Xam.Plugins.Media but couldn't manage to create the needed screen
The media plugin, goes into the platform specific Camera Screen, takes a picture then returns. You can't put extra buttons on the screen in this way.
To get a video feed and manage the capture yourself, you will need to implement a lot of platform specific things.
Android
https://developer.xamarin.com/recipes/android/media/video/record_video/
iOS (Look at the AV samples)
https://developer.xamarin.com/samples/ios/Media/

Phonegap plugin half-screen camera ala Taptalk

I am trying to mimic the half-screen camera as exists in apps like Taptalk. The goal is to have a live camera in a self-contained view on the upper half of the screen controlled by a Cordova plugin, with the lower half of the screen containing the normal HTML-based Cordova content.
I know the standard cordova camera plugin allows you to bring up the fullscreen camera component, and I know that doing this natively, at least on iOS would be relatively straightforward, but I'm really not sure where I would start trying to do this in a cross-platform way within a larger phonegap app (via Ionic).
I'm guessing I need to write a custom Cordova plugin ala this excellent article, but the main conceptual issue I'm worried about is that I think I'd have to use a view positioned and sized to only fill the top half of the screen, as opposed to a fullscreen ViewController (focusing on iOS for now).
Does anyone have any advice for implementing this approach?
I ended up writing my own Cordova plugin, SnapsCamera.
It uses a half-screen-sized view with UIImagePickerController's UIView added as a subview.

Blackberry: Video player with labels and button

I want to create a Screen in my app where there will be a video playing on the screen and there will be buttons and labels on the video screen like below.
How to implement that? Can you give some sample code or idea? Is it possible to implement multiple layers in one screen?
This is not possible on pre OS7.0 devices. For OS7.0 devices you can use ComponentCanvas class.
Check this info from RIM
Layering UI elements
You can place UI components on top of other UI components using the
ComponentCanvas class. Unlike AbsoluteFieldManager, which provides
similar functionality, a ComponentCanvas is drawn on top of other
fields and managers on a screen, like a video or camera field. You can
add standard UI components, such as labels, buttons, and drop-down
lists, to ComponentCanvas. For example, you can use a ComponentCanvas
to display a series of buttons on top of a video field or camera
field.
ComponentCanvas is found in the net.rim.device.api.ui.container
package.

how to Make small ticker screen Blackberry

I want to customize very first MainScreen of my Blackberry application as like small ticker screen. My aim is that the first MainScreen should be of size 320width,100height so when user launches the application then he will just see screen of size 320width and 100height (0,200,320,100) while remaining screen will be transparent and user will see other applications through transparent screen.
The best you could do is take a screenshot with your app backgrounded, to capture what would be underneath. Then draw the 320x100 UI on top of that screenshot. This has the visual effect you want, but if the underlying screens try to draw any update, that update will not be reflected in your UI.

Resources