Skip to main content

ScalaFX MenuBars: Can I Right-align one Menu?

A question arose recently: can we move the Help menu item to the right edge of the active window?
In an earlier post, I looked at some basics of Menu-related controls in ScalaFX, and wrote some simple code for ScalaFX to create a basic menu bar that looked like this:


Our three Menus are all left-aligned, which is pretty standard in the realm of desktop applications.
So: does ScalaFX give us the controls and hooks that we need in order to adjust the alignment and push the last menu to be Right-aligned?


After browsing the ScalaFX API, the only alignment-related tools I noticed applied to the entire MenuBar. I did not notice anything that provided the ability to alter the alignment on a per-Menu basis.

Next, I wondered if we could set the horizontal-growth property on a Menu. If so, we could specify the last of the left-aligned Menus to have the highest priority for Horizontal stretching, which could push any Menus that followed it to the right edge of the MenuBar area.

The method HBox.setHgrow() is promising, but it acts on a Node in an HBox layout. Two issues: my basic menu above is not using HBox layout; and even if it were, Menu is not a descendant of Node.

MenuBar, on the other hand, does inherit from Node. So let's try using two MenuBars laid out in an HBox. Something like this:

  val menuCore = new MenuBar {
    menus = List(
      new Menu("_File") {
        mnemonicParsing = true
        items = List(
          new MenuItem("New..."),
          new MenuItem("Save")
        )
      },
      new Menu("_Edit") {
        mnemonicParsing = true
        items = List(
          new MenuItem("Cut"),
          new MenuItem("Copy"),
          new MenuItem("Paste")
        )
      }
    )
  }
  val menuHelp = new MenuBar {
    menus = List (
      new Menu("_Help") {
        mnemonicParsing = true
        items = List(
            new MenuItem("About")
        )
      }
    )
  }

   val menuAll = new HBox {
    children = List(menuCore, menuHelp)
  }
  HBox.setHgrow(menuCore, Priority.Always)  

   val wholeLayout = new VBox {
    children = List(menuAll)
  }

Previously, I had a single MenuBar with three Menu items added. Now, I have pulled the third one, the Help menu, out into a separate MenuBar object. I then created an HBox to lay them out side by side, and used HBox.setHgrow() to specify that any extra horizontal space be given to the menuCore object.

Then the whole HBox layout was added to a VBox as before. Here is the result:


Nice! That's the layout I was aiming for, with the main two Menus on the far left, and the Help Menu off by itself on the far right. And they keep that layout as the window is resized.

There is just one minor problem with this solution: while it visually looks like one big MenuBar, it is actually two MenuBars. It looks good and will behave correctly when users interact with it using mouse or touch-screen input. But keyboard input presents some navigation issues.

For example, when I hit the ALT-key, which normally activates a Menu on a MenuBar, this happens:


With two MenuBar objects, they both get activated by the ALT-key.

There are also some unexpected interactions when I use the keyboard arrow keys to navigate the Menus and MenuItems. I don't expect they will be insurmountable show-stoppers, but if I want to keep this two-MenuBar solution, I will have to do some work with keyboard events, to make sure that the navigation behaves as expected.

Labels:

Popular posts from this blog

How to do Git Rebase in Eclipse

This is an abbreviated version of a fuller post about Git Rebase in Eclipse. See the longer one here : One side-effect of merging Git branches is that it leaves a Merge commit. This can create a history view something like: The clutter of parallel lines shows the life spans of those local branches, and extra commits (nine in the above screen-shot, marked by the green arrows icon). Check out this extreme-case history:  http://agentdero.cachefly.net/unethicalblogger.com/images/branch_madness.jpeg Merge Commits show all the gory details of how the code base evolved. For some teams, that’s what they want or need, all the time. Others may find it unnecessarily long and cluttered. They prefer the history to tell the bigger story, and not dwell on tiny details like every trivial Merge-commit. Git Rebase offers us 2 benefits over Git Merge: First, Rebase allows us to clean up a set of local commits before pushing them to the shared, central repository. For ...
Read more

Git Reset in Eclipse

Using Git and the Eclipse IDE, you have a series of commits in your branch history, but need to back up to an earlier version. The Git Reset feature is a powerful tool with just a whiff of danger, and is accessible with just a couple clicks in Eclipse. In Eclipse, switch to the History view. In my example it shows a series of 3 changes, 3 separate committed versions of the Person file. After commit 6d5ef3e, the HEAD (shown), Index, and Working Directory all have the same version, Person 3.0.
Read more

Scala Collections: A Group of groupBy() Examples

Scala provides a rich Collections API. Let's look at the useful groupBy() function. What does groupBy() do? It takes a collection, assesses each item in that collection against a discriminator function, and returns a Map data structure. Each key in the returned map is a distinct result of the discriminator function, and the key's corresponding value is another collection which contains all elements of the original one that evaluate the same way against the discriminator function. So, for example, here is a collection of Strings: val sports = Seq ("baseball", "ice hockey", "football", "basketball", "110m hurdles", "field hockey") Running it through the Scala interpreter produces this output showing our value's definition: sports: Seq[String] = List(baseball, ice hockey, football, basketball, 110m hurdles, field hockey) We can group those sports names by, say, their first letter. To do so, we need a disc...
Read more

Updating Oracle javapath symlinks on Windows

A Java-based application on my Windows 10 machine recently started prompting me to upgrade my version of Java. Since I wanted to control it myself, I declined the app's offer to upgrade for me, and downloaded and installed the latest Java 8 from Oracle. In my case, Java 1.8.0_171, 64-bit version. The upgrade went fine. But when I launched the app, it again said I needed to upgrade. Why was it still looking at the old location? I made the change using Settings, to change the JAVA_HOME environment variable to point to the location of the new upgrade. But no change, the app still insisted that I needed to upgrade. A little research into the app's execution path showed that it was using c:\ProgramData\Oracle\Java\javapath to find Java. When I looked in that folder, I found symbolic links to my old Java installation. Normally, this hidden bit of information gets updated automatically in the upgrade or installation process. I have read of cases where, when downg...
Read more

Trigger Windows Scheduled Task from Remote Computer via Jenkins

One thing I love about working in Information Technology is the opportunity - the NEED - to constantly learn new things. If a week goes by in which I have not looked up something on StackOverflow or other message boards, I start lobbying my team for more challenges. This week, I learned the power of running " SCHTASKS.exe " from a command-line script for a remote server in a Microsoft Windows environment. If you don't know Schtasks, you can read up on it here: https://msdn.microsoft.com/en-us/library/windows/desktop/bb736357(v=vs.85).aspx In a nutshell, it is the command-line interface for the Windows Task Scheduler, and allows you (or a system administrator) to create, change, run, query, terminate, and delete scheduled tasks on a work-station, either the local one or a remote one. Not all of the features are available in older versions. In my scenario below, this was relevant as the local computer will be a Windows 8 machine, and the remote server is, shall we ...
Read more