I've been trying to find some info about this but the combination of words just doesn't help as it just so I figured I'd might as well ask it in here.
I'm developing a sencha touch app and I want to show the user how to use my app. But those messages should obviously only be displayed on the app's first run. Does any of you have any idea of how to achieve this in sencha touch?
Haven't tried anything as I have no idea where to start and as I mentioned earlier looking this up on google just returns tutorials about Sencha Touch.
you can set a flag and save it to the localstorage.
On every app launch you can check for that flag and only create the guide view if needed
Related
I have psd of mobile design. Following is an example jpeg version of the psd.
I need to create a custom design in Sencha Touch 2.
So, please help me by guiding step by step process to do the same.
I mean how do i set custom layout then how do i build custom designed pages, form elements etc. I am very new in sencha.
Thank you in advance for your help.
Don't get me wrong but what you are asking is that someone else does your job.
To make an app that looks like your picture you should take a look at the following components:
TabPanel
Container
Button
FormPanel
Image
SelectField
If you need an overall tutorial on how to create an app with sencha take a look at MiamiCoder. There is a great tutorial to begin with.
Today I have been using the sencha touch framework to build an mobile app. I was very impressed (like many others) with the fastbook app that they showed.
On the blog it says that sencha touch 2.2.0 uses a lot of techniques used in the fastbook app. However when I try their example they do not even come close to the responsiveness of fastbook. The transitions are not so smooth and if you tap their is the delay that most html5 apps have.
My question is can I somewhere find the sourcecode of fastbook? I would love to know how they did the "sidebar" navigation because that responds very "natively".
I am afraid that there is no way finding the sourcecode of Fastbook. Please read this link:
http://www.sencha.com/forum/showthread.php?255853-Fastbook-Source
It would have been wonderful had they released it. But, incase if you are very specific on implementing slide navigation (Facebook-like) in Sencha Touch. This link will be a great help:
http://innofied.com/simplest-slide-navigation-with-sencha-touch-2-2/
Many of the Fastbook techniques (including animationQueue) are in Touch 2.2 and more will be in Touch 2.3 - which is in beta right now. The smooth side bar animation uses multiple iframes, and that's a part of Fastbook that is not (and won't be) in Touch 2.x because the API is not compatible with Touch 2 conventions. We didn't release source because Jacky used an edge build to create the app that used an experimental MVVM. We didn't want people to use this code in their apps because it was undocumented and not production quality.
You can see a much longer description of how Jacky did Fastbook in his SenchaCon 2013 session, which we'll be posting soon.
Try this one:
Sencha Market Sidebar
i'm new to sencha touch.i deployed the kitchensink example application successfully.i want to know the navigation flow(from which file to which file) of kitchensink example .can anyone help me? and i didn't found the launch() in app.js.
thanks in advance.
The Kitchen Sink is using profiles. It means that the app will be displayed differently depending on what kind of device it is displayed on.
You'll find a launch function in app/profile/Base.js which will be called anyway and then you'll also find two other launch functions in both app/profile/Phone.js and app/profile/Tablet.js. The former will be called if you launch the app from a phone and the latter from a tablet.
From there it should be pretty straightforward.
Hope this helps
I want to develop a sencha application who use a picture and make some modification on it. I want the user to be able to select the photo via phone camera or from photos that he already has in his phone.
I've searched all over the sencha documentation and found a solution to do this first step but I can't figure up how to test it.
I mean how can I test my application on the mobile?
I will be very grateful if someone will help me how to test a simple hello world sencha application on the mobile, because I'm really stuck at this step.
In order to test it on an actual device, you'll have to use PhoneGap (now called Apache Cordova). I'm not sure which device you have, but there's a list of tutorials to get you started here:
http://docs.phonegap.com/en/2.0.0/guide_getting-started_index.md.html
Then all you have to do is move any of the files Sencha has generated into the assets folder.
If you're looking for a tutorial on how to get started with Sencha, here's a good one:
http://www.sencha.com/learn/hello-world/
If I wanted to create a mobile app that allows the user to take pictures with their phone, record audio notes and record video, how would I do that?
I was browsing through the Sencha Touch 2 API and while I see documentation on video and audio files, it seems like it is just providing a way for me to access files stored on the phone - not actual triggers to record, or take pictures.
Am I missing something?
How would I do what I want?
In order for Sencha Touch to have access to your phone capabilities, you need to use a product like Phone Gap
Unless there is a HTML5 api for doing those sorts of things I don't think you can do that. I know on PhoneGap there are native extensions added into that platform for access to things like microphone, camera, etc. I don't know if Sencha Touch has added any of those sorts of extensions in order for you do this.
Just thinking out of the box here, but you might be able to put Sencha javascript into a Web View from within an Android Java process. Then the Java code could expose an object in its process as an extension point to the Javascript engine for access to Camera, Microphone, what not.