How to create sencha theme from psd design for mobile app - sencha-touch-2

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.

Related

Xamarin forms Carrousel and take a picture async

I have been trying to replace my carrousel images with t new photos from my phone camera or album, but for some binding reason, they don't display on the carousel.
I am using Xamarin Media Plugin.
any picture I select should display on the carousel. I have been trying everything in here. IMAGE URL works fine, stored images in the resources folder, works as well. but, for some reason display the images from the media is been a nightmare.
You can clone my sample project # GITHUB
I will appreciate Any help.
Looking at the GITHUB project, easy to understand why no relevant code here, it will require the whole sample project. It seems the carousel is not getting updated when uploading an image, binding?? I am still checking.

App tutorial or guide in Sencha Touch

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

How to swipe to view a new page in TitaniumStudio Alloy Framework Development

I am new at this so apologies if this is a silly question... I am developing an app in Titanium using the Alloy Framework, and trying to create functionality such that I can have one page with a title, some text and an image, then I swipe to see a different title, text and image... sort of like an eBook. Does anyone have any advice on how to do this?
So far all I have managed to do is create a table with the list of all the headings and I can click each one to see the content, but then must go back to get into the next page, which is a bit cumbersome.
Thanks!
Titanium ScrollableView is your friend
http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI.ScrollableView
Thanks

how to map a json store or xml store to pie chart in sencha architect

Am new to sencha and all its products. I started working with sencha architect. In that when i design some project and when i try to run its asking for url and i uploaded it on a free web hosting site. MY test app. When i preview it its showing an empty page. I thinks that its may be because of not providing any data for piechart. can anybody guide me how to add store in jsonstore or xmlstore and map it to a pie chart. videos highly appreciated.
If you right click on desktop safari/chrome and choose inspect element when running your app, then look in your console, what error do you see?

Image slide show

I am trying to create my own image slide show. For this, I want to user to point to a directory, and get all images from this directory. Then I want to start the slide show. How can I achieve that the best?
I want to do it this way, so I can display my own live twitter feed over it. If you know an app that does this already, I don't need to build this app...
Why not use a scripting bridge to iPhoto? Then you could pretty easily do a slideshow with CoreAnimation.
You want IKSlideshow in the ImageKit framework.