diff --git a/sources/tech/20191203 Solutions to the tiny window manager challenge.md b/sources/tech/20191203 Solutions to the tiny window manager challenge.md new file mode 100644 index 0000000000..54883376cc --- /dev/null +++ b/sources/tech/20191203 Solutions to the tiny window manager challenge.md @@ -0,0 +1,131 @@ +[#]: collector: (lujun9972) +[#]: translator: ( ) +[#]: reviewer: ( ) +[#]: publisher: ( ) +[#]: url: ( ) +[#]: subject: (Solutions to the tiny window manager challenge) +[#]: via: (https://jvns.ca/blog/2019/12/03/solutions-to-the-tiny-window-manager-challenge/) +[#]: author: (Julia Evans https://jvns.ca/) + +Solutions to the tiny window manager challenge +====== + +Hello! Last week I posted a small [programming challenge to write a tiny window manager that bounces windows around the screen][1]. + +![][2] + +I’ll write a bit about my experience of solving the challenge, or you can just skip to the end to see the solutions. + +### what’s a window manager? + +An X window manager is a program that sends messages to the X server (which is in charge of drawing your windows) to tell it which windows to display and where. + +I found out that you can trace those events with `xtrace`. Here’s some example output from xtrace (for the toy window manager which is just moving windows about) + +``` +000:<:02d8: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=560 y=8} +000:<:02da: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=554 y=12} +000:<:02dc: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=548 y=16} +000:<:02de: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=542 y=20} +000:<:02e0: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=536 y=24} +000:<:02e2: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=530 y=28} +000:<:02e4: 20: Request(12): ConfigureWindow window=0x004158e5 values={x=524 y=32} +``` + +### you can run programs without a window manager + +You technically don’t _need_ a window manager to run graphical programs – if you want to start an xterm in a window-manager-less X session you can just run + +``` +xterm -display :1 +``` + +and it’ll start the xterm. Here’s a screenshot of an X session with no window manager open. I even have 2 windows open! (chrome and an xterm). It has some major usability problems, for example I don’t think you can resize or move or switch between windows. Which is where the window manager comes in! + + + +### move a window with XMoveWindow + +The challenge was to make the window bounce around the screen. + +In the [tinywm source][3] they use `XMoveResizeWindow` to move and resize windows, but I found in the [docs][4] that there’s also a function called `XMoveWindow`. Perfect! + +Here’s what it looks like. What could be simpler, right? And it works just the way I’d expect! + +``` +XMoveWindow(display, windowID, x, y) +``` + +Except… + +### problem: multiple `XMoveWindow`s don’t work + +I ran into a problem (which I got stuck on for a couple of hours) where when I ran XMoveWindow twice, it would only apply the last move. + +``` +XMoveWindow(display, windowID, 100, 200) +usleep(2000 * 1000); # sleep for 2 seconds +XMoveWindow(display, windowID, 300, 400) +``` + +I’d expect this to move the window once, wait 2 seconds, and them move it again. But that was not what happened! Instead, it would pause for 2 seconds and then move the window once (to the second location). + +### use xtrace to trace window manager events + +I used xtrace to trace the events and found out that my `ConfigureWindow` events that `XMoveWindow` was sending were all being sent at the same time. So it seemed like X was batching the events. But why? + +### XSync forces X to process events + +I didn’t know why this was happening, but I emailed Julian about it and he pointed me in the direction of [XSync][5], which forces X to process all the events you’ve sent it. Sure enough, I used XSync and everything worked beautifully. + +### solutions + +I asked people to email me if they completed the challenge, and 4 people did! Here are their solutions. All the solutions I got implemented more features than I did, so I’d encourage you to look at all the solutions if you’re interested in how to solve this problem! + + * [Kacper Słomiński’s solution][6] (which uses `XQueryTree` to find the windows to bounce, which is nice) + * [@whichxyj’s solution][7] + * [Alexsey Lagoshin’s stressfulwm][8], which allows bouncing multiple windows: + * [Aldrin Martoq Ahumada’s bouncywm-ruby][9], which is the only solution in a language other than C I got! It uses an Xlib Ruby library that looks pretty straightforward to use. + * one really nice one with fancier bouncing effects which I’ll post here later if the person sends me the source + * [my solution][10] + + + +Here’s a gif of Alexsey’s solution. Apparently `XQuartz` on a Mac performs better than Xephyr! + +![][11] + +And Aldrin’s solution, with a great use of `xeyes`: + +![][12] + +### thanks! + +Thanks to everyone who emailed me a solution, and if you write your own implementation I’d love to post it here too, especially if you write one that isn’t in C or Ruby! I’m [[email protected]][13] + +-------------------------------------------------------------------------------- + +via: https://jvns.ca/blog/2019/12/03/solutions-to-the-tiny-window-manager-challenge/ + +作者:[Julia Evans][a] +选题:[lujun9972][b] +译者:[译者ID](https://github.com/译者ID) +校对:[校对者ID](https://github.com/校对者ID) + +本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出 + +[a]: https://jvns.ca/ +[b]: https://github.com/lujun9972 +[1]: https://jvns.ca/blog/2019/11/25/challenge--make-a-bouncy-window-manager/ +[2]: https://jvns.ca/images/bouncewm.gif +[3]: http://incise.org/tinywm.html +[4]: https://tronche.com/gui/x/xlib/window/XMoveWindow.html +[5]: https://tronche.com/gui/x/xlib/event-handling/XSync.html +[6]: https://gist.github.com/jvns/d5a0a4daf300f3dd7fa76d13b5aa2d53 +[7]: https://github.com/whichxjy/bounce-wm/blob/master/bounce-wm.c +[8]: https://github.com/ayzenquwe/stressfulwm +[9]: https://github.com/aldrinmartoq/bouncywm-ruby +[10]: https://gist.github.com/jvns/c7a297fc4e17e797fd7b76b68860e55c +[11]: https://raw.githubusercontent.com/ayzenquwe/stressfulwm/d06531d286a5f00424bf12f7c77b18e11437ff20/gif/example.gif +[12]: https://raw.githubusercontent.com/aldrinmartoq/bouncywm-ruby/f6d424b6107c1349c8ee338b6a46c7116c6d1ea7/demo/demo.gif +[13]: https://jvns.ca/cdn-cgi/l/email-protection