[教學] 手機APP開發入門--xml vs js - 討論區

[教學] 手機APP開發入門--xml vs js

文章瀏覽次數 1056 文章回覆數 1

coscell

coscell圖像(預設)

2020-01-03 10:33:47

From:123.193.249.19

特種兵在上一篇留言裡提到能不能只用 JavaScript 來寫APP兒擺脫XML的限制?
答案是可以的,但是畫面產生很麻煩,必須評估是否划算。
我找到一個簡單的畫面範例如下:

var frame = require("ui/frame");
var Page = require("ui/page").Page;
var StackLayout = require("ui/layouts/stack-layout").StackLayout;
var Label = require("ui/label").Label;
var Button = require("ui/button").Button;

exports.createPage = function() {
  var page = new Page();
  var layout = new StackLayout();
  var welcomeLabel = new Label();
  var backButton = new Button();

  page.actionBar.title = "Settings";
  welcomeLabel.text = "You are now in Settings!";
  welcomeLabel.cssClass = "message";

  backButton.text = "Go Back";
  backButton.on("tap", function () {
    frame.topmost().goBack();
  });

  layout.addChild(welcomeLabel);
  layout.addChild(backButton);

  page.content = layout;
  return page;
};

以上算算總共22行,換成XML就這樣:

<Page>
  <actionBar title="Settings"></actionBar>
  <StackLayout>
    <Label text="You are now in Settings!" cssClass="message"/>
    <Button text="Go Back" tap="onTap"/>
  </StackLayout>
</Page>

您會選哪個?

留言

#1

特種兵

特種兵圖像(預設)

2020-01-03 19:48:32

From:211.23.21.202

看來還是得想辦法把框架學好
框架雖然機關比較多,但一定有其方便性與優勢
現在比較麻煩的是code經常是一個截圖,對於全盲視障者來說看範例會比較麻煩
我發現這種情況app更為嚴重