How do I make an intro slider like the one from the homes.com app in Titanium Alloy - titanium-mobile

Is there an existing module to do this? How do you get different layers to interact like that do in this? Notice that the woman and image box appear to float in front of the background. The dotted line from the background ballon to the front one animates with the slide of the finger across the screen. The two balloons are not on the same layer.
Video: https://www.youtube.com/watch?v=dNFF1VvsxzY
Homes.com is a titanium alloy app: http://www.tidev.io/2014/10/13/this-week-in-titanium-mobile-development-13-oct-2014/

you can use scrollable view.
here are the docs
Hope it helps.

Related

add background image and push it to the back scene

A simple question. I have already finished my app with full functionality and I now need to add background images to make it look nicer. However, if I simply add on top of each view an image view, the image appears in the foreground, covering the buttons/textfields etc. How do I get round this?
Also, one of the views of my app is a scroll view. Should this be treated differently concerning background images?
Thanks
OK - I found the (very simple one-click) solution: editor>arrange>send to back...

3D ScrollView Help - Like music app

I am trying to make a 3D "Wheel" type thing. It will have 3 or 5 items on the page.
The top or focused one will be filling up most of the page, then there will be two zoomed out more and on the sides.
I know it will have to use a scrollView and some animation.
A great example of what I want to do is the music app in lanscape.
How would I go around doing this?
Thanks is advanced,
Alex
Have a look at this open source library.
http://github.com/nicklockwood/iCarousel
Have a look at this androidlibraries http://listview.android-libraries.com/

Cocos2d animated app intro

Is there any way to create animated app intro in cocos2d instead use of static Default.png
NO. The very first screen can not be animated.
Splash screen will surely come in to picture.
I think you can do 1 thing.... Just create a scene with same background as Default.png.
As soon as Splash screen is there.. your background is visible and when your Intro scene is called, show your animated intro. This won't look as 2 different screens. After the intro is complete, switch your scene to Menu Scene or whatever.

UI Like Youtube in Android (Tablet)

I've spent 2 hours looking for a solution. I need to make a design
like the Youtube UI (Tablet UI) where it shows a vertical scroll, but
in each row there are 4 videos (landscape view). I've tried to do
something similar, but i couldn't =(
Is there any place where i can get the source code of the youtube
application for Tablet? Or maybe some resource to solve this? :(
BTW, my try was designing UI with scrollView, LinearLayout and my_item.xml, i tried to inflate my_item.xml adding programmatically into the linearlayout (horizontal orientation), but it doesn't work in the way that i want. I need something like a linearlayout but with horizontal and vertical orientation at the same time (something like a div).
I was thinking to use a ListView and a custom adapter (with my_item.xml), but i'm not sure if this can be the best solution.
Thxs
You should create seperate resources for each layout.
For example if the user is in Portrait mode you would have the correct layout in.
layout-port: layout for portrait orientation
layout-land: layout for landscape orientation
Read more on providing alternative resources here
Also i would recommend to read more on Handling runtime changes
This will help you with recognizing when the user changes orientation. You could actually use this guide and when the user flips the devices orientation you could then change the layout. Keep in mind hard coding this can be dangerous though. I would recommend using the layout folders.
Good luck!
Finally i solve my problem.
It works with a linearLayout(vertical) and adding linearlayout(horizontal) for each row. And obviously managing my scrollview.
BTW, i still think android should have a layout like a "div".
Thxs all

how to customize the color of frame and title area of HUD panel

I need to let the user to customize the HUD window appearance. Is there a way to change the frame and the title area color of HUD window? There is an API for changing a background color of the window, but title and the frame stay semitransparent black. I'd like to avoid drawing these areas by myself.
Thanks,
Nava
In case nobody knows, I found a couple of links that do it. One of them is a Synapse project, which shows how to use private headers and draws the window by itself. Definitely it's not straight forward and IMO should be allowed by native interfaces. Many thanks to the guy that wrote it:
Synapse project

Resources