Skip to content

Implement liquid glass layout for window content and enhance zoom functionality #215

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Code-Hex wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Implement liquid glass layout for window content and enhance zoom functionality #215

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
174c468
Implement liquid glass layout for window content and enhance zoom fun…
Code-Hex Feb 9, 2026
be7467b
Refactor window layout to use titlebar window and update toolbar item…
Code-Hex Feb 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
141 changes: 114 additions & 27 deletions virtualization_view.m
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,9 +169,11 @@ @implementation AppDelegate {
VZVirtualMachine *_virtualMachine;
dispatch_queue_t _queue;
VZVirtualMachineView *_virtualMachineView;
NSScrollView *_scrollView;
NSWindow *_window;
NSToolbar *_toolbar;
BOOL _enableController;
BOOL _useTitlebarWindow;
// Overlay for pause mode.
NSVisualEffectView *_pauseOverlayView;
// Zoom function properties.
Expand Down Expand Up @@ -210,6 +212,7 @@ - (instancetype)initWithVirtualMachine:(VZVirtualMachine *)virtualMachine
_window = [self createMainWindowWithTitle:windowTitle width:windowWidth height:windowHeight];
_toolbar = [self createCustomToolbar];
_enableController = enableController;
_useTitlebarWindow = [self shouldUseTitlebarWindow];
[_virtualMachine addObserver:self
forKeyPath:@"state"
options:NSKeyValueObservingOptionNew
Expand All @@ -234,6 +237,7 @@ - (void)dealloc
if (_virtualMachine) {
[_virtualMachine removeObserver:self forKeyPath:@"state"];
}
_scrollView = nil;
_virtualMachineView = nil;
_virtualMachine = nil;
_queue = nil;
Expand Down Expand Up @@ -334,26 +338,42 @@ - (void)hideOverlay
static NSString *const PowerToolbarIdentifier = @"Power";
static NSString *const SpaceToolbarIdentifier = @"Space";
static NSString *const Space2ToolbarIdentifier = @"Space2";
static NSString *const TitleToolbarIdentifier = @"Title";

- (NSArray<NSToolbarItemIdentifier> *)setupToolbarItemIdentifiers
{
NSMutableArray<NSToolbarItemIdentifier> *toolbarItems = [NSMutableArray array];
if (_useTitlebarWindow) {
[toolbarItems addObject:TitleToolbarIdentifier];
// macOS 26+ titlebar window: keep controls aligned to the right.
[toolbarItems addObject:NSToolbarFlexibleSpaceItemIdentifier];
}
if (_enableController) {
if ([self canPauseVirtualMachine]) {
[toolbarItems addObject:PauseToolbarIdentifier];
}
if ([self canResumeVirtualMachine]) {
[toolbarItems addObject:SpaceToolbarIdentifier];
if (_useTitlebarWindow) {
[toolbarItems addObject:NSToolbarSpaceItemIdentifier];
} else {
[toolbarItems addObject:SpaceToolbarIdentifier];
}
[toolbarItems addObject:PlayToolbarIdentifier];
}
if ([self canStopVirtualMachine] || [self canStartVirtualMachine]) {
[toolbarItems addObject:Space2ToolbarIdentifier];
if (_useTitlebarWindow) {
[toolbarItems addObject:NSToolbarSpaceItemIdentifier];
} else {
[toolbarItems addObject:Space2ToolbarIdentifier];
}
[toolbarItems addObject:PowerToolbarIdentifier];
}
}
[toolbarItems addObject:NSToolbarSpaceItemIdentifier];
[toolbarItems addObject:ZoomToolbarIdentifier];
[toolbarItems addObject:NSToolbarFlexibleSpaceItemIdentifier];
if (!_useTitlebarWindow) {
[toolbarItems addObject:NSToolbarFlexibleSpaceItemIdentifier];
}
return [toolbarItems copy];
}

Expand Down Expand Up @@ -405,12 +425,48 @@ - (void)windowWillClose:(NSNotification *)notification
[NSApp performSelectorOnMainThread:@selector(terminate:) withObject:self waitUntilDone:NO];
}

// On macOS 26+, a toolbar window uses a 26pt corner radius, while a titlebar window uses a 16pt radius.
// Using a titlebar window keeps corner UI controls operable inside the guest display.
// See: https://github.com/Code-Hex/vz/issues/210
- (BOOL)shouldUseTitlebarWindow
{
if (@available(macOS 26.0, *)) {
return YES;
}
return NO;
}

- (NSView *)createWindowContentViewForLiquidGlassLayoutWithScrollView:(NSScrollView *)scrollView
{
NSView *contentView = [[[NSView alloc] initWithFrame:_window.contentView.bounds] autorelease];
contentView.translatesAutoresizingMaskIntoConstraints = NO;
[contentView addSubview:scrollView];

[scrollView setTranslatesAutoresizingMaskIntoConstraints:NO];
[NSLayoutConstraint activateConstraints:@[
[scrollView.leadingAnchor constraintEqualToAnchor:contentView.leadingAnchor],
[scrollView.trailingAnchor constraintEqualToAnchor:contentView.trailingAnchor],
[scrollView.topAnchor constraintEqualToAnchor:contentView.topAnchor],
[scrollView.bottomAnchor constraintEqualToAnchor:contentView.bottomAnchor]
]];
return contentView;
}

- (void)setupGraphicWindow
{
// Set custom title bar
[_window setTitlebarAppearsTransparent:YES];
if (_useTitlebarWindow) {
[_window setTitlebarAppearsTransparent:NO];
[_window setTitleVisibility:NSWindowTitleHidden];
[_window setToolbarStyle:NSWindowToolbarStyleExpanded];
[_window setOpaque:YES];
[_window setBackgroundColor:[NSColor windowBackgroundColor]];
[_toolbar setShowsBaselineSeparator:YES];
} else {
[_window setTitlebarAppearsTransparent:YES];
[_window setOpaque:NO];
[_toolbar setShowsBaselineSeparator:NO];
}
[_window setToolbar:_toolbar];
[_window setOpaque:NO];
[_window center];

// Monitoring mouse movement events to control auto-scrolling behavior
Expand All @@ -423,22 +479,28 @@ - (void)setupGraphicWindow

// Add scroll wheel event monitor for zoom functionality
_scrollWheelMonitor = [NSEvent addLocalMonitorForEventsMatchingMask:NSEventMaskScrollWheel
handler:^NSEvent *(NSEvent *event) {
[self handleScrollWheel:event];
return event;
}];
handler:^NSEvent *(NSEvent *event) {
[self handleScrollWheel:event];
return event;
}];

// Create scroll view for the virtual machine view
NSScrollView *scrollView = [self createScrollViewForVirtualMachineView:_virtualMachineView];
[_window setContentView:scrollView];
_scrollView = [self createScrollViewForVirtualMachineView:_virtualMachineView];
if (_useTitlebarWindow) {
NSView *contentView = [self createWindowContentViewForLiquidGlassLayoutWithScrollView:_scrollView];
[_window setContentView:contentView];
} else {
[_window setContentView:_scrollView];
}

// Configure Auto Layout constraints for VirtualMachineView to resize with the window
// Configure Auto Layout constraints for VirtualMachineView to resize with the window.
[_virtualMachineView setTranslatesAutoresizingMaskIntoConstraints:NO];
NSClipView *clipView = _scrollView.contentView;
[NSLayoutConstraint activateConstraints:@[
[_virtualMachineView.leadingAnchor constraintEqualToAnchor:_window.contentView.leadingAnchor],
[_virtualMachineView.trailingAnchor constraintEqualToAnchor:_window.contentView.trailingAnchor],
[_virtualMachineView.topAnchor constraintEqualToAnchor:_window.contentView.topAnchor],
[_virtualMachineView.bottomAnchor constraintEqualToAnchor:_window.contentView.bottomAnchor]
[_virtualMachineView.leadingAnchor constraintEqualToAnchor:clipView.leadingAnchor],
[_virtualMachineView.trailingAnchor constraintEqualToAnchor:clipView.trailingAnchor],
[_virtualMachineView.topAnchor constraintEqualToAnchor:clipView.topAnchor],
[_virtualMachineView.bottomAnchor constraintEqualToAnchor:clipView.bottomAnchor]
]];

NSSize sizeInPixels = [self getVirtualMachineSizeInPixels];
Expand Down Expand Up @@ -504,6 +566,7 @@ - (NSWindow *)createMainWindowWithTitle:(NSString *)title
- (NSArray<NSToolbarItemIdentifier> *)toolbarAllowedItemIdentifiers:(NSToolbar *)toolbar
{
return @[
TitleToolbarIdentifier,
ZoomToolbarIdentifier,
PlayToolbarIdentifier,
PauseToolbarIdentifier,
Expand All @@ -519,7 +582,29 @@ - (NSToolbarItem *)toolbar:(NSToolbar *)toolbar itemForItemIdentifier:(NSToolbar
{
NSToolbarItem *item = [[[NSToolbarItem alloc] initWithItemIdentifier:itemIdentifier] autorelease];

if ([itemIdentifier isEqualToString:PauseToolbarIdentifier]) {
if ([itemIdentifier isEqualToString:TitleToolbarIdentifier]) {
NSTextField *titleLabel = [NSTextField labelWithString:_window.title ?: @""];
titleLabel.font = [NSFont systemFontOfSize:16 weight:NSFontWeightSemibold];
titleLabel.textColor = [NSColor labelColor];
titleLabel.lineBreakMode = NSLineBreakByTruncatingTail;
titleLabel.maximumNumberOfLines = 1;
NSView *titleContainer = [[[NSView alloc] initWithFrame:NSMakeRect(0, 0, 420, 20)] autorelease];
titleContainer.translatesAutoresizingMaskIntoConstraints = NO;
titleLabel.translatesAutoresizingMaskIntoConstraints = NO;
const CGFloat paddingLeft = 26.0;
[titleContainer addSubview:titleLabel];
[NSLayoutConstraint activateConstraints:@[
[titleLabel.leadingAnchor constraintEqualToAnchor:titleContainer.leadingAnchor
constant:paddingLeft],
[titleLabel.trailingAnchor constraintLessThanOrEqualToAnchor:titleContainer.trailingAnchor],
[titleLabel.centerYAnchor constraintEqualToAnchor:titleContainer.centerYAnchor]
]];
item.view = titleContainer;
item.minSize = NSMakeSize(80, 20);
item.maxSize = NSMakeSize(420, 20);
[item setBordered:NO];
[item setLabel:@"Title"];
} else if ([itemIdentifier isEqualToString:PauseToolbarIdentifier]) {
[item setImage:[NSImage imageWithSystemSymbolName:@"pause.fill" accessibilityDescription:nil]];
[item setLabel:@"Pause"];
[item setTarget:self];
Expand Down Expand Up @@ -649,15 +734,18 @@ - (void)showErrorAlertWithMessage:(NSString *)message error:(NSError *)error

- (void)toggleZoomMode:(id)sender
{
if (_scrollView == nil) {
return;
}
_isZoomEnabled = !_isZoomEnabled;
NSScrollView *scrollView = (NSScrollView *)_window.contentView;
NSScrollView *scrollView = _scrollView;

// Reset zoom when zoom mode is disabled.
if (!_isZoomEnabled) {
[NSAnimationContext
runAnimationGroup:^(NSAnimationContext *context) {
[context setDuration:0.3];
[[_window.contentView animator] setMagnification:1.0];
[[scrollView animator] setMagnification:1.0];
}
completionHandler:^{
// Hide scrollers when zoom is disabled
Expand Down Expand Up @@ -733,12 +821,11 @@ - (void)handleScrollWheel:(NSEvent *)event
}

// Only zoom if Command or Option key is held
if (!(event.modifierFlags & NSEventModifierFlagCommand) &&
!(event.modifierFlags & NSEventModifierFlagOption)) {
if (!(event.modifierFlags & NSEventModifierFlagCommand) && !(event.modifierFlags & NSEventModifierFlagOption)) {
return;
}

NSScrollView *scrollView = (NSScrollView *)_window.contentView;
NSScrollView *scrollView = _scrollView;
if (![scrollView isKindOfClass:[NSScrollView class]]) {
return;
}
Expand All @@ -752,8 +839,8 @@ - (void)handleScrollWheel:(NSEvent *)event
newMagnification = MIN(scrollView.maxMagnification, MAX(scrollView.minMagnification, newMagnification));

// Get mouse location for centered zooming
NSPoint mouseLocation = [_window.contentView convertPoint:event.locationInWindow fromView:nil];
NSPoint centeredPoint = [scrollView.contentView convertPoint:mouseLocation fromView:_window.contentView];
NSPoint mouseLocation = [scrollView convertPoint:event.locationInWindow fromView:nil];
NSPoint centeredPoint = [scrollView.contentView convertPoint:mouseLocation fromView:scrollView];

[scrollView setMagnification:newMagnification centeredAtPoint:centeredPoint];
}
Expand All @@ -767,7 +854,7 @@ - (void)handleMouseMovement:(NSEvent *)event
return;
}

NSScrollView *scrollView = (NSScrollView *)_window.contentView;
NSScrollView *scrollView = _scrollView;
if (![scrollView isKindOfClass:[NSScrollView class]]) {
[self stopScrollTimer];
return;
Expand Down Expand Up @@ -829,7 +916,7 @@ - (void)stopScrollTimer

- (void)scrollTick:(NSTimer *)timer
{
NSScrollView *scrollView = (NSScrollView *)_window.contentView;
NSScrollView *scrollView = _scrollView;
if (![scrollView isKindOfClass:[NSScrollView class]]) {
[self stopScrollTimer];
return;
Expand Down