Building a small iPhone app in XCode and I'm trying to implement a couple images inside a UIWebView. I know the JS library Retina.js works flawlessly in most browsers but I'm not sure how it would handle in a Web View?
It's possible to just use the CSS3 media queries to handle this instead, but that's a lot of extra code. Would love to hear if anybody has experience with this.
Related
I am very new to Xcode and so as with auto layouts and i want to make my app which i've created, adaptive in a very easy way. I have seen lots of tutorials on internet but nothing helped me with my app. so i don't know how to make my app adaptive. so i need a help.
I have made an app that generate report in second view controller after providing inputs in first view controller.so i need to see how can i use auto layouts in my respective app to make it adaptive or there any easy way to get the results. i have seen all the videos related to it.
thanks in advance.
The best way is to use Auto Layout and Size Classes. This way your app will work with all iPhone sizes and all iPads. It will also behave correctly in portrait and landscape.
For more details, you will need to read and watch a lot of documentations/WWDC videos.
See:
http://global-arts.4pixels.co.uk/global-arts-kingston/events-detail.html
I'm using MediaElement.js for the video at the top of the page and Flexslider for the Slider at the bottom. Both play happily together in desktop browsers, but on iPad and iPhone the video doesn't load and the slider has no images.
Has anyone encountered conflicts that only happen in iOS and is there a way of isolating the two scripts from each other? Similar to noConflict for clashing libraries.
a
I have an iOS 5.0 app presently and had a few questions regarding deploying the app across multiple platform and multiple OS upgrades. I would like to know if there is a clean and configurable system that allows me to have one project handle deployment to the iPhone iOS5 and iOS6 and the latest iPad iOS without having ugly selection statements everywhere determining the platform the app is being currently run on. So I would like to know if there is a way to manage the code from a dev prespective so i can support all version/platform specific features of my app depending on what platform/version it is being currently run on (for ex. automatically switching to use the longer dimension background images if the app is being run on an iPhone 5 with iOS 6)
Is there any way to have this functionality?
I am slightly confused with your question, but I'll explain what I know. Xcode already has a way to change your app depending on what Device/iOS Version the user is running. If you use storyboards, then it will automatically resize your app content depending on whether the screen has retina support, and the size of the screen. In addition, you can have a storyboard for iPad, so that when you run the app it will use the iPad version. It also will change the app icons. Just go to the project settings and scroll down until your get to the icons and lunch images.
Now, if you mean you want to change how your app works using the source code directly, then there is no easy to way to manage it. Your best bet is to go with Storyboards, as it makes it very easy to resize content depending on what device your using.
Given a URL to a...
PDF, Apple's UIWebView component will display the PDF in the PDF
reader.
video, Apple's UIWebView component will display the video in
the video player.
music file, Apple's UIWebView component will play
the music in the video player.
What is the best way to mimic this functionality in Sencha Touch?
Many thanks
EDIT: Also, how do you display a website in a panel? I've tried using an embed and an iframe, but these aren't scrollable on the device.
I don't understand, this should work just like that? Are you thinking of rendering pdf/video/music inside Sencha Application?
If yes, check out Sencha examples for audio/video. For pdf you will need some new code. I would suggest using pdf.js inside Sencha panel, haven't tried it though.
This was answered in sencha touch :: how to create a panel for website-preview inside iFrame.
Anyway, if you want to get the same effect as a UIWebView in senchatouch, I recommend using PhoneGap as long as your intention is that your webapp is used only on mobile devices. PhoneGap Plugins available to use the native WebViews each mobile OS. The plugin, both for IOS to ChildrenBrowser called Android. Sorry about the other systems can not help more.
Without a lot of hacky code, you can't.
I have implemented iphone application using Titanium..But I want to convert in to android application.
Is it possible doing small chnges?
There are changes, but not major changes. Here is what i would do in my case?
Understand How iPhone works and Android works. Compare them in terms
of working model and OS Architecture. This will purely give you more idea on how to make an real Android App... else you would end up cloning your iPhone feel to Android again.
List out all the components i have used in iPhone and check out the
similar component available for me to replace. { For instance,
TableView has a delete option for iPhone and not for Android }
I would remove the back button implemented in iPhone and check how i
can move between windows with the Android BackKey.
Styles and Animation i have used in iPhone will not be the same for
Android. I think they don't have full supported ones too.
For example: style:Titanium.UI.iPhone.ActivityIndicatorStyle.BIG,
maybe you experience some performance differences depending on your implementation since the javascript engine is not the same. if so, you maybe need to restructure your app to ensure a performance enhancement.