{"id":13756533,"url":"https://github.com/coderyi/hello-weex","last_synced_at":"2025-03-25T16:31:13.504Z","repository":{"id":90803684,"uuid":"71704018","full_name":"coderyi/hello-weex","owner":"coderyi","description":"hello-weex包括一个Weex App(GitHub第三方App)，和自己扩展的WeexiOSKit(iOS上的常用组件与模块)。","archived":false,"fork":false,"pushed_at":"2020-05-06T02:03:38.000Z","size":7363,"stargazers_count":191,"open_issues_count":2,"forks_count":41,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-20T13:32:40.786Z","etag":null,"topics":["android","cross-platform","github","ios","javascript","react-native","weex"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/coderyi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-10-23T13:17:59.000Z","updated_at":"2024-01-02T15:16:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"41ed7bfd-3fd4-44c0-bae8-fe72f253bc0d","html_url":"https://github.com/coderyi/hello-weex","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderyi%2Fhello-weex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderyi%2Fhello-weex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderyi%2Fhello-weex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderyi%2Fhello-weex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coderyi","download_url":"https://codeload.github.com/coderyi/hello-weex/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245500120,"owners_count":20625507,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","cross-platform","github","ios","javascript","react-native","weex"],"created_at":"2024-08-03T11:00:46.346Z","updated_at":"2025-03-25T16:31:11.880Z","avatar_url":"https://github.com/coderyi.png","language":"Java","readme":"# Hello Weex    \n\n\n\n\n### 简介\n\nhello-weex包括一个Weex App，和自己扩展的WeexiOSKit。\n\n\nweex version为\n[v0.7.0 - 10月16日](https://github.com/alibaba/weex/tree/cb65b3cb892b2ddd36528b2c971303a529d68bd3)的版本\n\nWeex App 的代码位于 [examples](https://github.com/coderyi/hello-weex/tree/master/examples)目录下\n\nWeexiOSKit的代码位于 [ios/playground/WeexDemo/WeexiOSKit](https://github.com/coderyi/hello-weex/tree/master/ios/playground/WeexDemo/WeexiOSKit)目录下\n\n\n### 运行\n\n0. 环境\n\t0. 安装 [Node.js](http://nodejs.org/) 4.0+\n    0. 在根目录下 \n        0. `npm install`, 安装工程 \n        0. `./start` 到这里web版已经运行起来，浏览器输入`http://localhost:12580/` 就能看到了。\n    0. Install [iOS Environment](https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html)\n    0. Install [CocoaPods](https://guides.cocoapods.org/using/getting-started.html)\n0. 运行 iOS playground\n    0. `cd ios/playground`\n    0. `pod install`\n    0. 在 Xcode里打开 `WeexDemo.xcworkspace` \n    0. 点击Xcode的 \u003cimg src=\"http://img1.tbcdn.cn/L1/461/1/5470b677a2f2eaaecf412cc55eeae062dbc275f9\" height=\"16\" \u003e (`Run` 按钮) 或者用快捷键 `cmd + r` \n    0. 如果你想在真机上运行. 在 `DemoDefine.h`, 修改 `CURRENT_IP` 为你自己的IP\n\n\n\n### Weex App: Monkey for GitHub\n\nMonkey主要是用来展示GitHub上的开发者的排名，以及仓库的排名。\n\n\u003cdiv flex-direction:\"row\"\u003e\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/mu.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/mr.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\u003c/div\u003e\n\n### WeexiOSKit\n\nWeexiOSKit主要是扩展了一些iOS的Component和Module，这样在weex端就可以很好的使用了。\n\nComponent 包括segmented-control（UISegmentedControl）,stepper（UIStepper）,seek-bar（UISeekBar）,search-bar（UISearchBar）,date-picker（UIDatePicker）。\n\nModule主要包括actionSheet（UIActionSheet），MBProgressHUD（MBProgressHUD，loading视图），geolocation（CLLocationManager坐标），vibration（震动）。\n\n\n\n\n\n#### Component\n\n\u003cdiv flex-direction:\"row\"\u003e\n\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/ia.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/ib.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\u003c/div\u003e\n\n\n#### Module\n\n\u003cdiv flex-direction:\"row\"\u003e\n\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/ic.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\n\n\n\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/id.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\n\n\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/ie.png?raw=true\" width=\"250\" height=\"445\"\u003e\n\u003c/div\u003e\n\n### WeexiOSKit使用\n\n#### Component\n\nsegmented-control:支持iOS \u0026 web\n   \n属性:items(segmented-control里的项目，以分号隔开)，momentary（是否设置选中状态），tint-color（颜色）\n      \nevent:`onchange`\n\n\n```\n\u003csegmented-control \n\tstyle=\"width: 240;height: 120;margin-top:20\" \n\titems=\"hello;world\" \n\tmomentary= \"false\" \n\ttint-color= \"red\" \n\tonchange=\"onSCChangeAction\"\u003e\n\u003c/segmented-control\u003e\n```\n\n\n\nstepper   \n属性: value(当前的值)，step-value（默认为1），minimum-value（最小值），maximum-value=\"100（最大值），tint-color（颜色）\n      \nevent:`onchange`\n\n\n```\n\u003cstepper \n\tstyle=\"width: 240;height: 120;margin-top:20\" \n\tvalue=\"20\" \n\tstep-value= \"10\" \n\tminimum-value=\"0\" \n\tmaximum-value=\"100\" \n\ttint-color= \"red\" \n\tonchange=\"onChangeAction\"\u003e\n\u003c/stepper\u003e\n```\n\nseek-bar   \n属性: 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\n      \nevent:`onchange`\n\n```\n\u003cseek-bar \n\tstyle=\" width: 400;height: 70;margin-top:20;margin-left:20\" \n\tminimum-value=\"0\" \n\tmaximum-value=\"100\" \n\tvalue=\"50\" \n\tonchange=\"seekBarChange\" \n\tminimum-track-tint-color=\"blue\" \n\tmaximum-track-tint-color=\"blue\" \n\tthumb-tint-color=\"red\" \u003e \n\u003c/seek-bar\u003e\n\n\u003cseek-bar \n\tstyle=\" width: 160;height: 140;margin-top:20;margin-left:220\" \n\tminimum-value=\"0\" \n\tmaximum-value=\"100\" \n\tvalue=\"50\" \n\tthumb-image-src=\"https://raw.githubusercontent.com/jainsourabh2/SayIt/master/iOS/SayIt/SayIt/rating1.png\" \n\tmaximum-track-image-src=\"http://pic002.cnblogs.com/images/2012/348285/2012042611243397.png\" \n\tminimum-track-image-src=\"http://pic002.cnblogs.com/images/2012/348285/2012042611244465.png\" \t\n\tonchange=\"imageSeekBarChange\"\u003e \n\u003c/seek-bar\u003e\n```\n\n\n\nsearch-bar   \n属性: tint-color（颜色）\n      \nevent:`onclick `\n\n\n\n```\n\u003csearch-bar \n\tstyle=\"width: 300;height: 120;margin-top:20\"  \n\ttint-color= \"red\" \n\tonclick=\"onclicksearch\"\u003e\n\u003c/search-bar\u003e\n```\n\ndate-picker   \n属性: tint-color（颜色）\n      \nevent:`onchange `\n\n\n```\n\u003cdate-picker \n\tstyle=\"width: 640;height: 400;margin-top:20\"  \n\ttint-color= \"red\" \n\tonchange=\"onclickdatepicker\" \u003e\n\u003c/date-picker\u003e\n```\n\n#### Module\n\n\nMBProgressHUD为loading模块\n函数：showHUD（显示HUD，参数为title，detail，mode[枚举值indicator/text]，cancelTitle，contentColor），hideHUD隐藏HUD（）\n\n```\n  toast: function() {\n    var MBProgressHUD = require('@weex-module/MBProgressHUD');\n    MBProgressHUD.showHUD({title:\"loading\",contentColor:\"red\",mode:\"indicator\"});\n    setTimeout(function () {\n      MBProgressHUD.hideHUD();\n    }, 2000)\n  }\n```\n\n\nactionSheet\n函数：actionSheetShow（参数为cancelButtonTitle，destructiveButtonTitle，otherButtonTitles（数组），以及一个回调）\n\n\n```\n  actionSheet: function() {\n    var me= this;\n    var actionSheet = require('@weex-module/actionSheet');\n    actionSheet.actionSheetShow({\n      'cancelButtonTitle': 'cancel',\n      'destructiveButtonTitle': 'destructive',\n      'otherButtonTitles': me.buttons\n    }, function(result) {\n    });\n  }\n```\n\ngeolocation 定位模块\n\n函数getCurrentPosition（参数accuracy，distanceFilter）\n\n\n```\n  geolocationAction: function() {\n    var me= this;\n    var geolocation = require('@weex-module/geolocation');\n    geolocation.getCurrentPosition({\n      'accuracy': '1000',\n      'distanceFilter': '10'\n    }, function(result) {\n      me.geolocationValue = JSON.stringify(result);\n    }, function(result) {\n    });\n  }\n```\n\nvibration\n函数：vibrate（真机震动）\n\n```\n  vibrate: function() {\n    var vibration = require('@weex-module/vibration');\n    vibration.vibrate()\n  }\n```\n\n\n### weex-web-kit\n\nweex-web-kit代码位于[html5/browser/weex-web-kit](https://github.com/coderyi/hello-weex/tree/master/html5/browser/weex-web-kit)目录下\n\n\u003cimg  src=\"https://github.com/coderyi/hello-weex/blob/master/img/web-sc.png\" width=\"250\" height=\"445\"\u003e\n\n```\n\u003csegmented-control \n\tstyle=\"width: 240;height: 120;margin-top:20\" \n\titems=\"hello;world\" \n\tmomentary= \"false\" \n\ttint-color= \"red\" \n\tonchange=\"onChangeAction\"\u003e\n\u003c/segmented-control\u003e\n```\n\n\n#### Licenses\n\nAll source code is licensed under the [MIT License](https://opensource.org/licenses/MIT).\n\n","funding_links":[],"categories":["Java"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderyi%2Fhello-weex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoderyi%2Fhello-weex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderyi%2Fhello-weex/lists"}