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 ?

First 6 of 6 Posts Switch mode

D4no0

D4no0

Take a look at wxdisplay, it should be exactly what you are looking for.

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?

D4no0

D4no0

No idea, read some documentation on how this is done in wx, as this is just a erlang wrapper for wx library.

Fl4m3Ph03n1x

Fl4m3Ph03n1x

My guess is that it starts a process responsible for getting messages from requests, as in, a central point where everything has to go through. This is based on the docs:

However, I could not find any confirmation if my interpretation is correct, thus I asked.

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?
— All posts loaded —

Where Next?

Trending in Discussions Top

AstonJ
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
2977 91561 914
New
byu
@chrismccord : I just saw the Extract AGENTS.md from Phoenix.new into phx.new generator commit to the phoenix project. My initial shotgu...
New
arcanemachine
I was working on an Ecto migration and I needed a timestamp. So, for the nth time, I looked up the different data types for timestamps, a...
New
AstonJ
Just a general thread to post chat/news/info relating to AI/ML stuff that may be relevant for Nx now or in the future. Got anything to sh...
New
type1fool
I just stumbled on a newly redesigned elixir-lang.org. :tada: It looks like @Software_Mansion did the work, and I think it is generally a...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
alexslade
Fly’s CEO posted this recently - Turn And Face The Strange · The Fly Blog It says that Fly is going all-in on sprites, which is a worry ...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New
ausimian
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New
akoutmos
@hugobarauna and I (Alex Koutmos) have been hard at work on writing a book on Nerves that takes you from simply blinking LEDs to building...
New
bjorng
We want to introduce a new native datatype to Erlang: native records. Although replacing all tuple records with native records is not our...
New

We're in Beta

About us Mission Statement