Community Questions & Answers
How to create a semicircle / curve animation of image's list
Hello, So basically, I have a list of remote images (+50), I would like to put them in a semicircle / curved / bended way, then the user have just to slide over them and the selected one will be zoomed. You can see an exemple here :...
Lightweight window animation in Android
I'm trying to follow some guides about window animation for android in Appcelerator Titanium, but none of them actually mentions lightweight vs heavyweight windows. In any case, the simplest example doesn't work: ~~~ // in mainWindow do: var...
ImageView Slider Animation doesnt work on Android Device
Hi, I tried to animate 2 imageviews. I have an array of images which shall slide in to create some kind of stacking effect. On the Emulator the animation works fine but on the device (S2) the images are just poping up and flickering. Here is my...
shadow property not working for label
_ "#label":{ height:"40dp", width:"50%", color:"blue", backgroundColor:"white", shadowColor:"black", shadowOffset:{x:0,y:10}, shadowRadius:6 } _ ~~~ <Label id="label"...
Creating a glossy type button to work in android and IOS
hi all i'm very new to tss i had done some coding to create a glossy buttons for my apps with reference to css3 glossy buttons but i got stuck how to add padding and shadows to my button plz help me out
2dMartix property rotate not working
hi all i was trying to rotate my images using the rotate property but its not happening help me plz ~~~ var tabelarray = []; var table = Ti.UI.createTableView({ objName : "table", backgroundColor :...
Animation stops on iPhone app resume
Hi, I use this function to move some imageView in my iPhone app: ~~~ function startImageViewAnimation() { var m = require("ui/common/moveTo"); var platformHeight = Ti.Platform.displayCaps.platformHeight; m.moveTo({ view :...
Animations
Hi all i'm new to mobile development kindly share me tutorials/videos of animation module or properties used in titanium studio. As i'm beginner to mobile development kindly share me tutorials/videos with examples it would be grateful........
Perform Animation within scrollview:scroll event
Hello, I'm pretty new to Titanium and I seem to be stuck on how to achieve a certain effect. A little history. I'm building an App for both Android and IOS but am focusing on IOS first. I'm using Titanium 3.1. Ok, now to my roadblock. I have a...
Nested Animations
Hey guys, I may be a tad naïve in asking this, but what is the problem with having nested animations? I've noticed that this can create some bugs when run in the simulator, such as animations locking up the app. However, I have been unable to repeat...
marker animation on map - how somebody built a workaround?
As far as I can see there is no way to animate the movement of a pin on a map. However did anybody produce a workaround, such as displaying the annotations and animating them on a view which is overlapped on the map view, so it gives the impression the...
Animate Remote Images -
Hi, I try to animate remote image. All is OK on simulator but not on devices (iphone / ipad). All is OK on device too, if I use `image` and not `images` (but of course I've only one image and not an animation). I try this : ~~~ // load images var...
Are Negative Bottom and Top Values Valid in the Alloy TSS File?
Hi there- I am attempting to do some animations with a ToolBar I have designed which will raise/lower from view from the bottom of the iPad window. In doing this, initially, I would like to set the bottom value in a tss file to a negative attribute, then...
Unfolding animation
Hello world! Does anyone know how to make an unfolding animation in Appcelerator like on this image: http://www.idrukker.nl/images/stories/basisimages/handleidingen/zigzagvouw.png ? Only than multiple rows (e.g. 5). An API or some sample code would be...
Titanium.UI.Switch, disable ios animation on load (alloy data binding ugliness)?
I am using alloy and data binding a backbonejs collection to a table. In each row there is a switch. The switch has an event listener that changes the model. However, everytime you hit the switch, it re-renders the whole table. So, all of the switches on...
Ti2DMatrix in a different context
I get this warning when using Ti2DMatrix: ~~~ [WARN] Creating [object Ti2DMatrix] in a different context than the calling function. ~~~ I think it's because i use url to create a window, and sends the Ti2DMatix as a parameter when creating the window. Is...
Alloy ddding view to window with/without animation
Been wasting my day trying to do one of the most basic things ever. I'm trying to add a view that will popup over an certain area of my window (body). The window starts with a grid menu from a widget and i want to create a view that will come over that...
Is it possible to control the speed of animation
An animated object by default seems to start off slow then get up to speed then slow down. This makes a simple repeating animation not appear smooth. Am I missing some setting? For example I want to create a moving background where the image is 100...
Is it possiable to create tabgroup with slide animation in android
Give me idea to Create tabgroup wtih slide animation in android like iphone. Thanks&Regards R.Prabakaran.
How to remove scrollTo animation?
I want to scroll to a specific point in a scrollView but without the animation. I tried to change contentOffset instead of scrollTo but it also animates to that point. Anyone an idea how I can change this?
Google Maps v2 for Android - Map appears blank, only zoom and location buttons appear
In my app I use a view manager that loads content offscreen and then animates the View onscreen by setting the left property. The only way I can get the map to appear is if I also include changing the opacity in the animation call. I created a small Alloy...
Animation Issues
~~~ [WARN] New layout set while view [object TiUIView] animating: Will relayout after animation. ~~~ Anyone know how to fix this warning, as get it all the time in my app.
Animation Complete and Firing event But I dont see the Animation on Screen
I have a long press event listener setup and an animation then once complete it takes me to a new page. However i dont see the animation the row i long press on simply blinks and then takes me to the next page. When i check the order of events them seam to...
how to animate a object outside the screen?
I'm build to iPhone and I need to make a little visual animations... I want to move a label outside the screen when I touch a button... I'm trying to do this: ~~~ label2.animate({ duration: 300, right: -300 }) ~~~ but don't seems to work... someone...
Animation autoreverse
Application type: mobile Titanium SDK: 3.1.0 Platform & version: Android 2.x and 4.x Device: Samsung Galaxy Tab 2 10.1 Wifi & 3G Host Operating System: Ubuntu 12.04 Titanium Studio: 3.1.0.201304151600 Hi, I'm trying to use...
Issues animating just created Views.
Hello! I'm trying to do a transition between two views. I want to animate both views, I have no issues when trying to animate the current existing view. But when I try to animate the one I just created programmatically. It doesn't work, it just skip the...
Android 4.0.0+ animation on a view with rounded corners causes crash
Not sure if its a bug, or me doing something stupidly, but running this little demo snippet I made on the emulator shows the animation happen, and then Android causes a crash, with no error report. ~~~ var win = Ti.UI.currentWindow; var...
Unable to animate view with height 0
- Application Type: mobile - Titanium SDK: 3.1.0GA - Platform: iOS 6.1 - Device: iOS Simulator - Host OS: Max OSX 10.8.3 - Titanium Studio: 3.1.1.201304291957 Our app contains a view whose display will be toggled by the user. When toggled visible we need...
Alloy Animation not working
Hey Guys, This is my code index.xml ~~~ <Alloy> <Window> <Label id="label" onClick="doClick">Hello, World</Label> </Window> </Alloy> ~~~ index.js ~~~ function doClick(e) { var a =...
Titanium - stoppable animation is v. v. choppy
So i have an image that i want to drop down the page. Should the user click a button, the image will stop said dropping down the page. I've used the eventListener 'complete' style to execute this... and it works, in a fashion. The problem is that the...
Animation possibilities with TI?
I was looking at your animation tutorials using createView and so on. I'm an ios developer, and I'm thinking of using Titanium in my company - but first of all I need to know if it is possible to do some stuff... :/ For example this rotating wheel:...
ImageView flipbook style animation - pause at pre-defined frame
Hi I have an imageView containing an array of images for a pie chart. Depending on a value I receive from an API, I want to animate the pie chart to the frame that represents this value. I thought it might be as simple as passing a parameter to the...
Animate imageview added to tableviewrow
Hey, I'm trying to make a tableview by adding a couple of views to a tableviewrow, and want to animate an imageview from opacity 1 to 0 on click, and reveal another imageview by animating from 0 to 1, and revert on clicking the hidden view. ~~~ ui =...
How to make smooth animations on Android
The real question here is how can we improve the actual animations for android, when we build iOS apps, we can do beauty ones, very smooth and cool even with ease, but then when we run our apps on android it looks very strange, not even close to smooth and...
Close All Windows At Once
Hi, In iOS there is a default behaviour, when you navigate more than one level in a window that is assigned on a tab as its main window, and then click on the tab, it goes right to the main window of this tab (no matter how deep you have navigated. I am...
Open new window with animation also animates its children
I want to slide a new window in from the right side, if the user clicks a button. There is no Tab Group involved and I do not want to use a tab group. Therefore I created an animation (as shown in the code below). The new window (var self) contains some...
Android Windows Dont Animate
when my button get clicked, then is executed this code: ~~~ but_iniciar.addEventListener('click',function(e) { var win = Ti.UI.createWindow({ url:"home.js" }); win.open({animated:true}); }) ~~~ but the problem is that the...
Calendar Module for iOS and android
Hi All, I need calendar module for my application for both iOS and android.I need some animation type calendar for my application.Please help me.
scrolling multiple views at different speeds
Hello everyone, I'm attempting to make an effect where background scrollViews will scroll at different speeds than a foreground scroll view. The foreground scrollview is the only one which the user will interact with, but I'd like the background...
Does android support any transitions?
Hi Ladies and Gentlemen, I am new to Titanium Programming.I am implemeting a small android app, i tried to use transitions, but i could not get the results .The defaults one are :eft and Right transitions . I am expecting something like Flip, to , down...
Can't change visibility on object after animated on android. Alloy
Alloy 1.0, Android 2.3.3, Android Device, TI Studio 3.1.0 I need to animate objects (views, etc) and then change their "visible" property to hide them. The doHide() function works, if the label is NOT animated using the doSetup() function. ...
Retrieving an Alloy View for a Flip Animation
Hi there- I am applying a simple FLIP_FROM_LEFT animation when a user clicks a button to switch between two views. Here is the issue. The first rotation works without an issue. I simply create a controller and do a getView for the view I am animating...
Alloy: How to position variable size elements?
The basics: - **Platform:** iOS (iPad only) - **Device:** iOS Simulator - **Titanium Studio:** 3.1.1.201304151136 - **Titanium SDK:** 3.1.0GA - **Alloy:** 1.0.0 I've got a view in the application I'm developing that has the following UI structure: -...
3.1.0GA will stop animations on Rows when Rows go out of sight
As the title says. I have a clock-animation running on several rows. If I scroll the TableView and rows get out of sight the clock-animations on this rows are cancelled prematurely.
Image getting smaller with move animation
Hello world, (pun intended) For some reason, when I create an animation for my ImageView it gets smaller as it moves to it's position. I have never worked with animations before and I would consider myself a beginner. ~~~ var infopanel =...
Animate height of view inside a vertical layout container
We've got the following: ~~~ Parent View (vertical layout) - Child view 1 - Child view 2 - Child view 3 ~~~ I'm trying to animate the height of one of the child views to 0 so it slowly slides up along with all of the content below it. Instead, the child...
[WARN] : New layout set while view [object TiUIImageView] animating: Will relayout after animation.
I am not sure if I should be concerned, but in my app, I would like to have multiple animations going at the same time. In the current case, I have two imageView's that I am animating. Once slides down from the top of the screen, the other slides up at the...
How to make Smooth Animation/Inteface for swipe in titanium
How can we make a smooth animation for swipe on table view row or some other view, which can work like charm as shown in the below url using titanium? [http://www.youtube.com/watch?v=CICMxwgm274](http://www.youtube.com/watch?v=CICMxwgm274) Thanks in advance
Stop animation effect
Am making a "Syncing" animation effect. When the user press "Sync" the animation begins. If the user press "Cancel" the animation should stop, but that doesn't happen. Reading the Q&A and the Doc, calling the animation...
Alloy Flip Animation
Hi I want to create an iOS flip animation using Alloy. I know that in the old way of doing it you would create a view for the back side of the animation but not add it it's parent and then show it as follows: ~~~ parentView.animate({view: backView,...