ArticleDirectory
What is sencha?
Constant MIT open source
Good news! At this moment, we are working with jqtouchAnd Rapha ë LThe two projects have joined hands to build a new sencha brand, so that the website is renamed from www.extjs.com to www.sencha.com..
Jqtouch and Rapha systl play a leader role in their respective fields, and we can work with the authors of jqtouch and Rapha systl
Now we have seen a relatively decent shot home page. Next let's make some extensions. We first use fictitious data to display the latest blog on a separate tab.ArticleList (displayed in list ). Here we select severalHttp://sencha.com/blog. About listCodeWe wrote it under the "home" tab (click the preview button to see the Running code sample ).
Ext. Application ({
Name: 'sencha ',
Launch :(){
Ext. Create ("Ext. tabpanel ",{
Fullscreen: Tru
At present, mobile application development is in full swing, such as Android and iOS applications. Developers are faced with the challenge of familiarizing themselves with the technical knowledge of the platform they use when developing wireless applications based on different operating platforms. Therefore, there are many cross-mobile development frameworks based on the HTML 5 standard. Developers only need to master the development skills of HTML 5, CSS and Javascript and related frameworks.
I
If you're facing a choice of jQuery Mobile or Sencha Touch, here are some things you need to consider.JQuery Mobile
JM is just a UI library that relies on the DOM operations of jquery and jquery UIs, Ajax, and other libraries
In order to create a UI widget, you just need to write HTML, JM to decorate these HTML elements
Easy to reuse existing HTML code
Some simple apps are implemented directly with HTML without Javascripta
JM ha
will be created or updated automatically.Sencha cmd InstallationSencha cmd is a command-line tool for packaging and deploying ExtJS and Sencha touch applications. In order to develop ExtJs4.2 themes, you must install Sencha CMD3.1 or higher versions.7 Install Java Run-time Environment or JRE, require version >=6.0.8 to edit styles, you need compass, Sass, so you
A lot has changed since Sencha Touch 2.4.2 upgrade to Ext JS 6,cmd version upgraded to 6.0First from the cmd, cmd 6 in the Sencha app build package can not be used, Sencha app build native seems to be useless.And the good news is that we can useSencha Ant Native BuildSencha Ant Package BuildThese two commands, the visual and the previous effect almostAnd then say
Sencha Touch can also use plugins such as maps, multimedia, and more. 1. Map ComponentsWe define the map component through ext.map , whose xtype is map. In addition to using the plug-in, but also to call Google 's map API used by the JS file, the code is as follows:After introducing the file, we can write the JS code to display the map:Ext.require (' Ext.map ') ext.application ({//Omit other configuration items ... launch:function () {var Map = ext.cr
Jquery Mobile:1) jqm is a UI class library that can be viewed as dependent on jquery and jquery UI.2) some pages made by jqm can be implemented by the jqm framework, and many functions are not required orFew Javascript
3) If you are familiar with jquery, jqm is easy to use.4) jqm is a loose structure framework, soProgramIt is a little difficult to maintain when it is large.5) Easy integration with other frameworks6) support more devices than sencha t
Development preparation1. Sencha cmd Installation2, extjs6.0.0 GPL official version download, address: https://www.sencha.com/legal/gpl/, decompression Ext-6.0.0-gpl.zipBuild steps:1. cmd Enter the address where you want to place the item, enter the following commandSENCHA-SDK [Location of extracted ext-6.0.0] Generate app [project name] [Project Address]Enter the Cooky directory to view the generated project engineeringcmd into the directory: CD Cook
Mobile phoneAndroid applicationsFramework and tool suppliersSenchaReleasedSencha Touch ChartsChart component. The Beta version is available on a mobile phone.Android applicationsDevelopers can use this tool to embed data into HTML5 Web applications as charts.
Mobile phone users can use gestures like dot, pinch, drag, and so on to manipulate charts. Such full participation in data processing can be achieved on mobile phones or tablets.
HTML5-based architecture
DataView is the most important component in Sencha Touch for visualizing data. The importance of data visualization is self-evident, and any data can be presented to the user in an image manner. At present, how to better visualize is the pursuit of many companies or frameworks. By visualizing data, you can find patterns between data and predict future situations. Let's take a look at How data is visualized in Sen
After the development preparation has been done in my previous sections, you can then use Sencha touch to create the most basic project.First of all, we need to download SENCHA-TOUCH-2.3.1-GPL compressed package, unzip it, here we unzip its compressed package into E:\androidTool, the directory structure is as follows:(1) Apply the cmd command into the directoryEnter this directory to execute the
required because Android WebView after 4.4 is already the chromium kernel.②, using the Chromium kernel PhoneGap project, when using some PhoneGap plug-ins, will be error, such as Filetransfer plug-ins.Filetransfer plugin needs to be modified to fit, modify the method click here--------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------Welcome to
Sencha 5.0.3Decompile Sencha.jar, in the Metadatacommand.class class, defines several meta data types, such as:650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/57/B6/wKiom1SjTN3AX3MKAACFmIgT-cE764.jpg "title=" Qq20141231090647.jpg "alt=" Wkiom1sjtn3ax3mkaacfmigt-ce764.jpg "/>For these 11 types, the Sencha cmd implements 10 outputs, such as:650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00
[Phonegap + Sencha Touch] mobile development 29 Android navigator. camera. getPicture gets the true path of the image,
The phonegap photo plug-in selects the image in the Image Library. The Code is as follows:
Navigator. camera. getPicture (function (uri) {console. log (uri); // uri of the image obtained here}, function (err) {console. log (err) ;},{ quality: 70, destinationType: navigator. camera. destinationType. FILE_URI, sourceType: navigator. ca
Now, tabpanel is displayed on the screen, but you can beautify the homepage.
The current page has at least the following issues:
Placing tags on the top is not very nice.
The home page buttons also seem monotonous.
NO content.
Let's see how we did it. Modify the tabbarposition configuration item and add some HTML content:
Ext. Application ({
Name: 'sencha ',
Launch :(){
Ext. Create ("Ext. tabpanel ",{
Fullscree
First look at the effectActually, it's going to hit a problem.Sencha Touch, the Tabbar can only be displayed if it is set above or below.If you set it to the left, the default is to produce the result:To solve this problem, my first reaction is to use CSS. But that undoubtedly adds to the complexity. (I did, too, and it was a terrible problem.)In fact, as long as the layout of Sencha touch cooked a little, analysis, it is easy to find the key to the p
This article explains how to use the Sencha Touch API and how to view the official sample source code in the APIPre-preparation1.sdk:http://www.sencha.com/products/touch/download/Fill in the corresponding information and email address point download, you will receive a download message in the mailbox, as shown:Freely extract to any directory,:2.api:http://docs.sencha.com/Click Sencha Guides, the download sc
Official website said Sencha TOUCH2 more Sencha Touch1 performance has been greatly improved, but through the practice, still feel Sencha TOUCH2 performance needs to be optimized.
In fact, in the process of using Sencha touch to develop dashboard, when the data volume is large, the components are many, in addition to
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.