如何使用Elm中的Window.dimensions初始化模型？

Question

在滑动益智游戏中，我想根据初始窗口尺寸设置初始图块大小（以最大化屏幕空间）。

换句话说，我想根据initialModel的初始值设置Window.dimensions。

我无法找到如何执行此操作，最后使用端口获取初始窗口尺寸：

的index.html

Elm.fullscreen(Elm.App, {
  windowSize: [
    document.documentElement.clientWidth,
    document.documentElement.clientHeight
  ]
});

App.elm

port windowSize : (Int, Int)

initialModel =
  -- some function of windowSize

model =
  Signal.foldp update initialModel input

type Action
  = WindowResize (Int, Int)
  | ...

windowResize =
  Signal.map WindowResize Window.dimensions

update action model =
  case action of
    WindowResize dimensions ->
      { model | some change based on dimensions }
  ...

有没有办法在不使用端口的情况下获得相同的结果？

Answer 1

您可以使用Signal.Extra.foldp'包中的Apanatshka/elm-signal-extra来检查模型初始值对输入信号初始值的影响。

完全披露：我是该套餐的作者。