weex界面放大怎么解決

獲取到當(dāng)前設(shè)備縮放比，然后更改這個(gè)縮放比。Weex是使用流行的Web開發(fā)體驗(yàn)來開發(fā)高性能原生應(yīng)用的框架。Weex框架能夠完美兼顧性能與動態(tài)性，讓移動開發(fā)者通過簡捷的前端語法寫出Native級別的性能體驗(yàn)，并支持iOS、安卓、YunOS及Web等多端部署。weex界面放大，獲取到當(dāng)前設(shè)備縮放比，然后更改這個(gè)縮放比就可以解決。

創(chuàng)新互聯(lián)公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元右江做網(wǎng)站,已為上家服務(wù),為右江各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

weex 在ios怎么調(diào)用.we文件

項(xiàng)目初始化1、沒有現(xiàn)成的工程的話新建ios項(xiàng)目命令行cd到項(xiàng)目根目錄 執(zhí)行 pod init，會創(chuàng)建一個(gè)pod配置文件用編輯器打開，加上 pod 'WeexSDK', :path='./sdk/'

/weex在ios目錄下有個(gè)sdk文件夾，把它復(fù)制到ios項(xiàng)目根目錄，和podFile里配置的路徑一致關(guān)掉xcode，在當(dāng)前目錄，命令行執(zhí)行pod install，現(xiàn)在項(xiàng)目目錄變成了這樣，以后點(diǎn)擊xcworkspace文件打開項(xiàng)目創(chuàng)建一個(gè)新目錄weex，命令行cd到weex目錄，執(zhí)行weex init，會提示你輸入項(xiàng)目名稱自動創(chuàng)建的文件：

在當(dāng)前目錄命令行執(zhí)行npm install，安裝依賴庫創(chuàng)建一個(gè)文件夾js，命令行執(zhí)行weex src -o js生成最終需要的js文件也可以weex src/main.we在瀏覽器預(yù)覽或者weex src/main.we --qr 生成二維碼，用playground App 掃描預(yù)覽加載weex頁面xcode打開workspace項(xiàng)目文件打開AppDelegate.m添加一下內(nèi)容將之前創(chuàng)建的js文件夾拖到xcode工程的文件列表效果是這樣的weex視圖控制器的初始化ViewController.h:

[objc] view plain copy在CODE上查看代碼片派生到我的代碼片//// ViewController.h// weexDemo3//// Created by admin on 16/8/3.

// Copyright ? 2016年 admin. All rights reserved.

//#import UIKit/UIKit.h

@interface ViewController : UIViewController- (instancetype)initWithJs:(NSString *)filePath;@endViewController.m:

[objc] view plain copy在CODE上查看代碼片派生到我的代碼片//// ViewController.m// weexDemo3//// Created by admin on 16/8/3.

// Copyright ? 2016年 admin. All rights reserved.

//#import "ViewController.h"#import WeexSDK/WXSDKInstance.h

@interface ViewController ()@property (nonatomic, strong) WXSDKInstance *instance;@property (nonatomic, strong) UIView *weexView;@end@implementation ViewController{NSURL *jsUrl;}

- (instancetype)initWithJs:(NSString *)filePath{self = [super init];if (self) {//遠(yuǎn)程js文件// NSString *path=[NSString stringWithFormat:@"",filePath];//本地js文件NSString *path=[NSString stringWithFormat:@"",[NSBundle mainBundle].bundlePath,filePath];NSLog(@"-----path:%@",path);jsUrl=[NSURL URLWithString:path];}

return self;}

- (void)viewDidLoad {[super viewDidLoad];_instance = [[WXSDKInstance alloc] init];_instance.viewController = self;_instance.frame=self.view.frame;__weak typeof(self) weakSelf = self;_instance.onCreate = ^(UIView *view) {[weakSelf.weexView removeFromSuperview];weakSelf.weexView = view;[weakSelf.view addSubview:weakSelf.weexView];};_instance.onFailed = ^(NSError *error) {NSLog(@"加載錯誤");};_instance.renderFinish = ^ (UIView *view) {NSLog(@"加載完成");};if (!jsUrl) {return;}

[_instance renderWithURL: jsUrl];self.view.backgroundColor=[UIColor whiteColor];}

- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.

}

- (void)dealloc{[_instance destroyInstance];}

@end再打開AppDelegate成都軟件開發(fā)公司創(chuàng)建導(dǎo)航控制器引入頭文件#import "ViewController.h"創(chuàng)建導(dǎo)航視圖：

[objc] view plain copy在CODE上查看代碼片派生到我的代碼片- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {//weex[self initWeex];ViewController *vc=[[ViewController alloc]initWithJs:@"main.js"];UINavigationController *nav=[[UINavigationController alloc]initWithRootViewController:vc];self.window.rootViewController=nav;return YES;}

運(yùn)行圖片不顯示是因?yàn)閳D片加載需要自己創(chuàng)建模塊，可以直接把demo的代碼和pod配置粘過來使用

基于Weex的Flutter項(xiàng)目框架

最近在做的一個(gè)項(xiàng)目，項(xiàng)目的前期采用Weex開發(fā)。但是隨著交互復(fù)雜度的增加，Weex一處開發(fā)多處多處運(yùn)行的特征并沒有很好的體現(xiàn)，相反很多時(shí)候我們還是需要做IOS和Android的適配。如今火熱的Flutter相比Weex和Rn來說，給出了更好的跨平臺解決方案。所以我們設(shè)計(jì)了一套基于Weex實(shí)現(xiàn)，底層跑在Flutter Engine上的框架。

底層的Runtime采用isolate engine,框架業(yè)務(wù)邏輯，Dom的解析邏輯和Render邏輯都跑在這里。

渲染引擎采用Flutter的Skia，徹底剝離了Android和IOS的差異性.

將Weex VirsualDom的解析都替換成Flutter Widget.

設(shè)計(jì)基于Weex2Dart的Brider,使JS和Dart可以相互調(diào)用

weex-demo的性能展示

release環(huán)境下采用AOT模式，性能會有質(zhì)的飛躍。

Android-Release版本只有10m大小

相比Weex和Rn具有更好的性能，同時(shí)具有更好的跨平臺性

相比Flutter，具有動態(tài)部署的能力（Flutter Release采用AoT模式并沒有動態(tài)部署的能力，即使Debug版本也只是開發(fā)環(huán)境下才有動態(tài)化能力并沒有可以實(shí)施項(xiàng)目的能力）

只需要會Weex開發(fā)或則Rn開發(fā)就可以，不需要額外學(xué)習(xí)Dart，已有的Weex項(xiàng)目可以無縫切換。

關(guān)于waterfall 瀑布流布局出現(xiàn)布局錯亂的問題

說明：首先waterfall是weex的原生組件，WEEX的出現(xiàn)讓我們可以使用Vue來進(jìn)行移動端原生應(yīng)用開發(fā)。這里就需要了解什么是weex？

Weex是一個(gè)可以使用現(xiàn)代化的 Web 技術(shù)開發(fā)高性能原生應(yīng)用的框架"，這是Weex官網(wǎng)對其的一句很簡介明了的定義。Weex是一個(gè)可以利用web 前端開發(fā)技術(shù)來實(shí)現(xiàn)Android/ios 原生引用的框架，使用 Vue 作為上層框架，并遵循 W3C 標(biāo)準(zhǔn)實(shí)現(xiàn)了統(tǒng)一的 JSEngine 和 DOM API。

1、組件是提供瀑布流布局的核心組件。瀑布流，又稱瀑布流式布局是比較流行的一種頁面布局，視覺表現(xiàn)為參差不齊的多欄布局。隨著頁面滾動條向下滾動，這種布局還可以不斷加載數(shù)據(jù)塊并附加至當(dāng)前尾部。

2、 waterfall 只支持 Android 和 iOS，不支持 Web。

3、注意：（個(gè)人經(jīng)驗(yàn)總結(jié)）當(dāng)waterfall組件里面出現(xiàn)圖片image組件時(shí)，不允許對image自適應(yīng)高度是因?yàn)閣eex的css樣式布置auto屬性。所以在當(dāng)我們用uniapp開發(fā)時(shí)，uniapp的mode屬性是不能使用的。且weex的image并沒有mode屬性而是resize屬性。所以image的寬高就需要固定，如需保持寬度一致高度適應(yīng)就需要計(jì)算了。