授权协议: MIT
开发语言: Java
操作系统: 跨平台
收录时间: 2016-10-24
提 交 者: oschina2000

WeexiOSKit

WeexiOSKit主要是扩展了一些iOS的Component和Module,这样在weex端就可以很好的使用了。

Component 包括segmented-control(UISegmentedControl),stepper(UIStepper),seek-bar(UISeekBar),search-bar(UISearchBar),date-picker(UIDatePicker)。

Module主要包括actionSheet(UIActionSheet),MBProgressHUD(MBProgressHUD,loading视图),geolocation(CLLocationManager坐标),vibration(震动)。

Component

 

Module

  

WeexiOSKit使用

Component

segmented-control:支持iOS & web

属性:items(segmented-control里的项目,以分号隔开),momentary(是否设置选中状态),tint-color(颜色)

event:onchange

<segmented-control style="width: 240;height: 120;margin-top:20" items="hello;world" momentary= "false" tint-color= "red" onchange="onSCChangeAction"></segmented-control>

stepper
属性: value(当前的值),step-value(默认为1),minimum-value(最小值),maximum-value="100(最大值),tint-color(颜色)

event:onchange

<stepper style="width: 240;height: 120;margin-top:20" value="20" step-value= "10" minimum-value="0" maximum-value="100" tint-color= "red" onchange="onChangeAction"></stepper>

seek-bar
属性: value(当前的值),minimum-value(最小值),maximum-value="100(最大值),minimum-track-tint-color,maximum-track-tint-color, thumb-tint-color, minimum-track-image-src,maximum-track-image-src,thumb-image-src

event:onchange

<seek-bar style=" width: 400;height: 70;margin-top:20;margin-left:20" minimum-value="0" maximum-value="100" value="50" onchange="seekBarChange" minimum-track-tint-color="blue" maximum-track-tint-color="blue" thumb-tint-color="red" > sdsd</seek-bar>

<seek-bar style=" width: 160;height: 140;margin-top:20;margin-left:220" minimum-value="0" maximum-value="100" value="50" onchange="imageSeekBarChange"  thumb-image-src="https://raw.githubusercontent.com/jainsourabh2/SayIt/master/iOS/SayIt/SayIt/rating1.png" maximum-track-image-src="http://pic002.cnblogs.com/images/2012/348285/2012042611243397.png" minimum-track-image-src="http://pic002.cnblogs.com/images/2012/348285/2012042611244465.png"> sdsd</seek-bar>

search-bar
属性: tint-color(颜色)

event:onclick

<search-bar style="width: 300;height: 120;margin-top:20"  tint-color= "red" onclick="onclicksearch"></search-bar>

date-picker
属性: tint-color(颜色)

event:onchange

<date-picker style="width: 640;height: 400;margin-top:20"  tint-color= "red" onchange="onclickdatepicker" ></date-picker>

Module

MBProgressHUD为loading模块 函数:showHUD(显示HUD,参数为title,detail,mode[枚举值indicator/text],cancelTitle,contentColor),hideHUD隐藏HUD()

toast: function() {
        var MBProgressHUD = require('@weex-module/MBProgressHUD');
        MBProgressHUD.showHUD({title:"loading",contentColor:"red",mode:"indicator"});
        setTimeout(function () {
          MBProgressHUD.hideHUD();
        }, 2000)
      },

actionSheet 函数:actionSheetShow(参数为cancelButtonTitle,destructiveButtonTitle,otherButtonTitles(数组),以及一个回调)

actionSheet: function() {
        var me= this;
        var actionSheet = require('@weex-module/actionSheet');
        actionSheet.actionSheetShow({
          'cancelButtonTitle': 'cancel',
          'destructiveButtonTitle': 'destructive',
          'otherButtonTitles': me.buttons
        }, function(result) {
        });
      },

geolocation 定位模块

函数getCurrentPosition(参数accuracy,distanceFilter)

geolocationAction: function() {
        var me= this;
        var geolocation = require('@weex-module/geolocation');
        geolocation.getCurrentPosition({
          'accuracy': '1000',
          'distanceFilter': '10'
        }, function(result) {
          me.geolocationValue = JSON.stringify(result);
        }, function(result) {
        });
      },

vibration 函数:vibrate(真机震动)

vibrate: function() {
        var vibration = require('@weex-module/vibration');
        vibration.vibrate()
      }
展开阅读全文

代码

WeexiOSKit 的相关资讯

还没有任何资讯

WeexiOSKit 的相关博客

还没有任何博客,写博客

WeexiOSKit 的相关问答

还没有任何问答,马上提问

评论 (1)

加载中
你好,诚聘马甲包上架高手 诚聘有经验的马甲包套壳技术人员! 项目描述: 需要做一款APP马甲包上架到市场。  报酬:app上架之后我方下载验收没问题了立即结算,上架一个结算一个,价格普遍高于同行。总之,一切以上架为目的。有什么需要我们配合 需要沟通的,欢迎您随时联系我VX:hlgj488
2019/05/04 15:50
回复
举报
更多评论
1 评论
6 收藏
分享
在线直播报名
返回顶部
顶部