10 ultra-practical App Essentials plugin that lets you knock 80% less code

Source: Internet
Author: User

a APP where does the demand come from? Products, bosses, customers ..... programmer is not easy, the need for a word, is thousands of tens of thousands of lines of code! Fortunately, in the Appcan platform to develop the app, developers only need to complete the front end of the application, as for the various complex functions, will be given to Appcan take care of it!


listed here AppCan10 A new boutique plugin, IM , interface layout, video, image editing, and so on, developers simply call the plug-in interface, you can easily access to the application of rich features, very practical.


1.uexNBListView

Custom layout list Plug-in: Encapsulates the functionality of custom layouts that developers can use to enable native layouts.

Plug - ins:

Method Description:

Setitems Setting list data

setrefreshstatuscompleted Setting the Refresh completion status

Onpullrefreshheader pull-down refresh monitoring method

Onpullrefreshfooter up-Pull Refresh listener method

XXX custom layout elements are clicked on the Listener method
....

Set Refresh completion status Example:

var params = {

listviewid:0

};

var data = json.stringify (params);

uexnblistview.setrefreshstatuscompleted (data);


2. Uextabbarwithpopmenu

Bottom menu Bar plugin : similar to the bottom navigation menu of QQ space, generate an application bottom navigation menu module, the developer can customize the menu various styles.

Plug - ins:

Method Description:

setitemchecked setting the tab check

Ontabitemclick tab menu item is clicked on the Listener method

Onpopmenuitemclick popup menu item is clicked on the Listener method

....

To set the tab check Example:

var para M1 = {

Index:1

};

var data1 = json.stringify (param1);

Uextabbarwithpopmenu.setitemchecked (DATA1);  


3. Uexwheelpickview

Universal selector: The plug-in is a three-level linkage structure that supports data from a defined and default selected data source.

Plug - ins:

Method Description:

Open Selector

Close Selector

Onconfirmclick How to monitor the confirmation button

....

Example of a listener confirmation button:

Window.uexonload = function () {

Uexwheelpickview.onconfirmclick = function (Result) {

alert (result);

}

}


4. Uexalibaichuan

Ali hundred Sichuan plug-in: Package The basic functions of Ali hundred Sichuan: hand-authorized landing, exit login, get the information of the login, open the shopping cart, open my order, through the itemid to open the baby details and so on.

Plug - ins:

Method Description:

GetUserInfo getting user information

Openmycart Open the shopping cart

Openmyorderspage Open Order list

Openitemdetailpagebyid Open The details page for the real ID of the product

Openitemdetailpagebyurl opening a specified product page via a URL

....

Example of opening a specified product page via a URL:

var params = {

URL: "https://detail.tmall.com/item.htm?id=528887107325",

Mmpid: "Mm_175878368_0_0"

};

Uexalibaichuan.openitemdetailpagebyurl (Json.stringify (params));


5. Uexqupai

Fun short video Plug-in: Packaged with fun Lite feature , support custom screen size , bitrate , beauty effects and so on.

Plug - ins:

Method Description:

Init initialization fun shot

Config initializes the relevant parameters of the shot

Record Open video recording interface

callback method for Cbinit initialization

Cbrecord Recording completed callback method

....

Initialize Shooting example:

var params={

Maxduration:10// video recording Max Time

}

Uexqupai.config (Json.stringify (params));


6. Uexmobsms

Mob SMS Verification Plugin: Package Mob SMS verification related Operations

Plug - ins:

Method Description:

Sendcode Send SMS verification code to mobile phone

Commitcode Submit SMS Verification Code

Cbsendclick Get the callback method of the Verification code

Cbcommitclick callback method for submitting a verification code

....

Example of sending SMS verification code:

var params = {

"Phonenum": "11538617903",

"CountryCode": "86"

};

Uexmobsms.sendcode (Json.stringify (params));


7. Uexnim

NetEase Cloud Letter Plugin : This plugin is based on NIM ( netease Cloud ) API package , Users can use this plugin to achieve basic instant messaging features , including chat rooms, single chats, group chats, and audio and video calls.

Plug - ins:

Method Description:

Onmultiloginclientschanged (param) multi-Login monitoring

Sendlocationmsg (param)// Send geo-location information

Fetchmessagehistory (param) Cloud record

Playaudio (param) play audio

Createteam (param) Create a group

Requestfriend (param) Friend request

....

Example of sending geo-location information:

var param = {

sessionid:,//the useridof the chat when chatting,group chat groupid, chat room ID

sessiontype:,//0- single chat, Group chat , 2- chat room

address name of the title:,//location

Latitude:,

Longitude:,

ext:// extension field, Object type

};


8. uexCamera360

Image Editor Plugin: This plugin encapsulates the ability to edit images in the Camera360 open SDK.

Plug - ins:

Method Description:

Edit Picture

Setapikey setting APIKey

Cbedit Editing a picture callback method

To edit a picture example:

var params = {

Id:2,

Imgsrcpath: "",// to edit the source address of the picture , do not pass or send empty , open the system Gallery

issavetogallery:false,// The edited picture is saved to the album

Imgsavepath: "wgt://"// edited picture storage path

};

var data = json.stringify (params);

Uexcamera360.edit (data);


9. Uexdiditravel

Drip Travel Plug-in: The main package is the drip travel SDK provides API interface, to achieve a variety of drip travel line of business (out, special, fast, generation) service calls.

Plug - ins:

Method Description:

Callddapi invoke drip open API

GetTicket get Ticket information for drip API

Cbgetestimatetime callback method to get estimated time

Cbgetestimateprice Get a callback method for estimating costs

Cbgetcurrentorderstatus callback method to get the current order status in progress

....

Get an example of estimated costs:

function Cbgetestimateprice (opid,datatype,data) {

alert (data);

}

Window.uexonload = function () {

Uexdiditravel.cbgetestimateprice= Cbgetestimateprice;

}


Ten. Uexxunfei

CyberLink Voice : encapsulates the relevant functions of Iflytek speech recognition and speech synthesis.

Method Description:

Startspeaking start speech synthesis

Stopspeaking Stop speech synthesis

Pausespeaking Pause speech synthesis

Resumespeaking continue speech synthesis

Cbinit callback method for initialization completion

....

Example of initialization completion callback:

function Cbinit (info) {

Alert (' Cbinit: ' +info);

}


In addition to the above plug-ins, Appcan plug-in center also has a lot of rich plugins for developers to use, everyone can log in http://plugin.appcan.cn/ to see more exciting content.

10 ultra-practical App Essentials plugin that lets you knock 80% less code

Related Article

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.