remove Splash screen and remove translucent effect
Hello, as in title, anyone know how to remove the splash screen from the app start?
I also need to make all windows without navBar translucent effect, I tried whit translucent:false
in Ti.UI.createWindow
but don't work!
Thank you guys!
4 Answers
-
I don't believe the splash screen can be removed. At least on the iPhone the idea is the screen is something they put up while loading the app….there wouldn't be anything to display while loading (which apple would hate because the user wouldn't know the app started and might click your icon again). However, what the official iPhone recommendation is: use a screen shot of your app once it is loaded (perhaps with some of the data empty), that way the user thinks the app is being physically loaded when it's actually an image.
I'm not sure what you are referring to exactly on the translucent part. But perhaps what you are looking for is the opactiy property.
-
Hi Stefano
I'm afraid you cannot totally prevent the splash screen on startup, but you could use a black image (or a colour that fits with your theme), to give the impression that nothing is going on. Really, its purpose is to give a visual clue to the user that the app is loading, and to reduce the frustration for the user of having to wait.
Translucent windows are certainly possible. Try this suggestion:
var window = Ti.UI.createWindow({ backgroundColor:'blue', opacity:0.4 // this gives 60% transparency (40% opacity) }).open();
-
Stefano
Here's some code that you can drop into an empty app.js that demonstrates the translucent effect (the green view):
var window = Titanium.UI.createWindow({ title:'Win 1', backgroundColor:'white' }); var button = Ti.UI.createButton({ title:'Show label', top:100, height:40, width:100 }); window.add(button); var label = Titanium.UI.createLabel({ backgroundColor:'green', opacity:0.5, color:'gray', text:'I am Label 1', textAlign:'center', top:190, height:80, width:100, visible:false }); var view = Titanium.UI.createView({ backgroundColor:'blue', top:250, height:80, width:150, visible:true }); window.add(view); window.add(label); button.addEventListener('click', function(e){ if(label.visible){ label.visible = false; e.source.title = 'Show label'; } else { label.visible = true; e.source.title = 'Hide label'; } }); window.open();
[Note this has been tested and works without any modifications]
-
Hi guys,
I'm trying to change my splash screen on an iPhone, but with no luck.
I replaced the image in the resources directory and in the iPhone/Resources sub-directories.
It works fine on the emulator, but when deploying on the device - it keeps on loading the appcelerator splash.
I tried all the different advices (case-sensitive, image size), but the main cause of this issue (which, as I wrote, is problematic only on the phone itself) is that when I deploy on the phone, it re-builds the build directory, and overrides my Default.png with the appcelerator one. I don't know where it bring this file from, since I changed the instances of it to mine.
Any ideas?
-Alon