如何使用Java的方式模擬Flutter的Widget實現多層括號嵌套

這篇文章給大家分享的是有關如何使用Java的方式模擬Flutter的Widget實現多層括號嵌套的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

Flutter最重要的是 Widget ，首先我們來寫一個類 Widget ,然后有一個 build 函數。如下所示：

Tips: （我是阿韋。我的公眾號 Flutter 那些事 ，干貨多多，歡迎關注。惦記我的資料，可以與我取得聯系。有任何疑問，歡迎在本文后面留言回復。）

public class Widget {

  private BuildContext mContext;

  public Widget build(BuildContext context){
    this.mContext = context;
    return this;
  }
}

接著我們寫一個重要的類 BuildContext ，如下所示：

我們直接跳過細節了，這里寫的都是核心點。

public class BuildContext {
  public BuildContext(){
  }
}

接下來就是一個關鍵的類 StatelessWidget ，我們寫一個 StatelessWidget 類繼承自 Widget ，如下所示：

這里面我們不做任何的邏輯處理。只是先把這個類寫出來。

public class StatelessWidget extends Widget{
  @Override
  public Widget build(BuildContext context) {
    return super.build(context);
  }
}

接下來，我們寫寫一個 Column 類繼承自 StatelessWidget ，如下所示：

public class Column extends StatelessWidget {

    Widget[] childrens;
    int width;
    int height;

    public Column(int width, int height, Widget... children) {
      this.width = width;
      this.height = height;
      this.childrens = children;
    }
    @Override
    public Widget build(BuildContext context) {
      return super.build(context);
    }
  }

接下來，我們寫寫一個 Row 類繼承自 StatelessWidget ，如下所示：

public class Row extends StatelessWidget {

    Widget[] childrens;
    int width;
    int height;

    public Row(int width, int height, Widget... children) {
      this.width = width;
      this.height = height;
      this.childrens = children;
    }

    @Override
    public Widget build(BuildContext context) {
      return super.build(context);
    }
  }

接下來，我們寫寫一個 Container 類繼承自 StatelessWidget ，如下所示：

public class Container extends StatelessWidget {

    Widget[] childrens;
    int width;
    int height;

    public Container(int width, int height, Widget... children) {
      this.width = width;
      this.height = height;
      this.childrens = children;
    }

    @Override
    public Widget build(BuildContext context) {
      return super.build(context);
    }
  }

接下來，我們寫寫一個 Text 類繼承自 StatelessWidget ，如下所示：

public class Text extends StatelessWidget {
    String text;
    float size;
    public Text(String text, float size) {
      this.text = text;
      this.size = size;
    }
    @Override
    public Widget build(BuildContext context) {
      return super.build(context);
    }
  }

接下來就是我們的main函數的處理了，精彩不容錯過：

首先我們寫一個 runApp 函數，參數為 Widget 。具體邏輯我們暫時不做處理。如下所示：

public class Main {
  public static void main(String[] args) {
    runApp(new Home());
  }
  public static void runApp(Widget widget) {
  }
}

接下來我們寫一個類 Home 繼承自 StatelessWidget ，如下所示：

public class Home extends StatelessWidget {
    @Override
    public Widget build(BuildContext context) {
      return new Column(
          50,
          30,
          new Column(
              100,
              50,
              new Row(
                  200,
                  100,
                  new Text(
                      "contents",
                      20
                  )
              )
          ),
          new Container(
              100,
              150,
              new Column(
                  200,
                  100,
                  new Row(
                      50,
                      50,
                      new Text(
                          "contents2",
                          30
                      )
                  )
              )
          )
      );
    }
  }

感謝各位的閱讀！關于“如何使用Java的方式模擬Flutter的Widget實現多層括號嵌套”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！