Fl4m3Ph03n1x

Fl4m3Ph03n1x

How to get Screen size in elixir?

Background

I am working on an Elixir desktop application, and I need it to adapt to the monitor/screen size of the user.
Using Elixir Desktop (GitHub - elixir-desktop/desktop: Building Local-First apps for Windows, MacOS, Linux, iOS and Android using Phoenix LiveView & Elixir! · GitHub), I would normally do something like this:

      {Desktop.Window,
       [
         # simplified for the sake of brevity
         title: "Market Manager",
         size: {940, 980},
         icon: "static/images/resized_logo_5_32x32.png"
       ]}

Where size will be the size (in pixels) of the window of the application.
This is all fine if all my users have monitors of the same size. However, this is not the case.

Problem

So I need to know the dimensions of the screen size of the user in order to create a Window that is, lets say, 60% width and 70% height.

Since the underlying library (Desktop) does not support relative sizes for the window afaik, I need to calculate them myself.

To this effect I found no library that gives me this.

Question

How can I find the screen dimensions ?

Marked As Solved

Fl4m3Ph03n1x

Fl4m3Ph03n1x

From the docs (wxDisplay — OTP 29.0.2 (wx 2.6)) I understand I need to:

_wx = :wx.new()
display = :wxDisplay.new()
{x, y, w, h} = :wxDisplay.getClientArea(display)

Being the first time I am using this library, do I really need the first line _wx = :wx.new()?
Am I missing something?

Also Liked

dominicletz

dominicletz

Creator of Elixir Desktop

Yes, you’re right. you can typically also get the same effect by using :wx.set_env(env) using an existing wx_env for this there is a helper in Desktop.Env: Desktop.Env — Desktop v1.5.3

:wx.set_env(Desktop.Env.wx_env())
display = :wxDisplay.new()
{x, y, w, h} = :wxDisplay.getClientArea(display)
Fl4m3Ph03n1x

Fl4m3Ph03n1x

In my specific use case, I cannot use :wx.set_env(Desktop.Env.wx_env()) as the Desktop application has not yet started:

See my application.ex:

 def start(_type, _args) do
    children = [
      Telemetry,
      {Phoenix.PubSub, name: PubSub},
      Endpoint,
      Manager,
      %{
        id: Desktop.Window,
        start: {Desktop.Window, :start_link, [[
          app: :web_interface,
          id: WebInterface,
          title: "Market Manager",
          size: calculate_window_size(0.4, 0.8),
          menubar: MenuBar,
          icon: "static/images/resized_logo_5_32x32.png",
          url: fn -> "#{WebInterface.Endpoint.url()}/#{@landing_page}" end
        ]]},
        restart: :transient,
        shutdown: 5_000
      }
    ]

    opts = [strategy: :one_for_one, name: WebInterface.Supervisor]
    Supervisor.start_link(children, opts)
  end

  @doc """
  Calculates the width and height for the window. Fetches the display
  information using :wx. Because we create a :wx server every time we call this
  function this is a heavy operation and should be used cautiously.

  Both percentages given must be > 0 and <= 1.
  """
  @spec calculate_window_size(float, float) :: {pos_integer, pos_integer}
  def calculate_window_size(width_percentage, height_percentage)
      when is_float(width_percentage) and width_percentage > 0 and width_percentage <= 1 and
             is_float(height_percentage) and height_percentage > 0 and height_percentage <= 1 do
    # Since Desktop has not yet started its wx server, we need to create one
    # to get the screen size first
    _wx_object = :wx.new()

    display = :wxDisplay.new()
    {_x, _y, total_width, total_height} = :wxDisplay.getClientArea(display)

    width_pixels = ceil(width_percentage * total_width)
    height_pixels = ceil(height_percentage * total_height)

    # we destroy the previously created wx server to save resources and avoid
    # a conflict with Desktop library
    :wx.destroy()

    {width_pixels, height_pixels}
  end

If I replace _wx_object = :wx.new() with :wx.set_env(Desktop.Env.wx_env()) then the application crashes on startup:

07:24:00.603 [notice] Application wx exited: :stopped
07:24:00.606 [notice] Application runtime_tools exited: :stopped
** (Mix) Could not start application web_interface: WebInterface.Application.start(:normal, []) returned an error: shutdown: failed to start child: Desktop.Window
    ** (EXIT) an exception was raised:
        ** (MatchError) no match of right hand side value: {:error, {:noproc, {:gen_server, :call, [#PID<0.717.0>, :register_me, :infinity]}}}
            (desktop 1.5.1) lib/desktop/window.ex:109: Desktop.Window.start_link/1
            (stdlib 4.1.1) supervisor.erl:414: :supervisor.do_start_child_i/3
            (stdlib 4.1.1) supervisor.erl:400: :supervisor.do_start_child/2
            (stdlib 4.1.1) supervisor.erl:384: anonymous fn/3 in :supervisor.start_children/2
            (stdlib 4.1.1) supervisor.erl:1250: :supervisor.children_map/4
            (stdlib 4.1.1) supervisor.erl:350: :supervisor.init_children/2
            (stdlib 4.1.1) gen_server.erl:851: :gen_server.init_it/2
            (stdlib 4.1.1) gen_server.erl:814: :gen_server.init_it/6

Therefore, the solution I found (and works for me) is to create a temporary wx_object and then kill it, to avoid conflicts with Desktop, just like in the code snippet I shared above.

This also reminds me of one question:

  • @dominicletz what do you think aboud adding a function that takes in percentages for the windows size instead of absolute pixel values, like the function I created?

Where Next?

Popular in Discussions Top

PragTob
Hello everyone, I know we had quite some threads (read through lots of them) about background job processing but it remains a hotly deba...
New
blackode
Elixir Upgrading is so Simple in Ubuntu and It worked for me Ubuntu 16.04 git clone https://github.com/elixir-lang/elixir.git cd elixir...
New
Rustixir
Hi everyone, im working on find best language/framework/system for high concurrency, high performance and stable performance after wor...
New
jeramyRR
This is an interesting article to read. Elixir’s performance, like usual, is excellent. However, it seems like the high CPU usage is co...
New
AngeloChecked
What learn first? Rust or Elixir Hi Elixir community! I’m here because i want learn a new language. I’m a junior developer and mainly i ...
New
arcanemachine
https://nitter.net/josevalim/status/1744395345872683471 https://twitter.com/josevalim/status/1744395345872683471
New
AstonJ
I’ve just started the Phoenix part of the utterly brilliant online course by @pragdave. On generating the Phoenix app he uses the --no-ec...
New
Qqwy
I would like to spark a discussion about the static access operator: .. For whom does not know: it is used in Elixir to access fields of...
New
acrolink
How does the two languages compare when it comes to server side application development? Any experiences or ideas? Thank you.
New
scouten
I’m looking for a host for the server part of a small (personal) side project that I’m working on. It’s currently written in Node.js and ...
New

Other popular topics Top

sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 42920 311
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 41539 114
New
JeremM34
Hello, how can I check the Phoenix version ? Thanks !
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 30877 112
New
Fl4m3Ph03n1x
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
New
hariharasudhan94
lets say i have a sample like a = 20; b = 10; if (a &gt; b) do {:ok, "a"} end if (a &lt; b) do {:ok, b} end if (a == b) do {:ok, "equa...
New
RisingFromAshes
I’ve read in another post that it may be possible with a router helper - but I couldn’t find an appropriate one, and tbh, I’m still just ...
New
saif
Hello everyone, Long time lurker first time poster here. I’ve recently begun working on Elixir full-time again! :raised_hands: It’s been...
New
dblack
I’ve got an issue with an app and I’ve no idea of how to troubleshoot it. I’m hoping someone here might have seen something similar. I p...
New
klo
Got a question about when to concat vs. prepending items to list then reversing to achieve appending. So i know lists boil down to [1 | ...
New

We're in Beta

About us Mission Statement