Skip to main content
SimilarExport ZIP
100%

Cocoa

✓ Published0🌍 Public
IIliaIdakiev
Last edited Jul 18, 2013
Created on Jul 18, 2013

This example shows a custom slider control built with Cocoa’s AppKit framework, using an `NSView` subclass to render a gradient-filled, rounded rectangular track. The view applies a linear gradient via `NSGradient` and sets a corner radius using layer-backed properties (`wantsLayer`, `layer.cornerRadius`). The code also attempts to load an image from a file named `knob.png` for the slider’s thumb, though the actual drawing of that image is commented out. The gradient and angle properties are exposed, with setters that trigger redraws via `setNeedsDisplay:`. The data source is the referenced image file, while the rendering relies on `drawRect:` and `drawInRect:angle:`.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist af897f78753e7f850cce144cb3a1ce26

This example demonstrates a Sketch plugin interface with synchronized slider, input field, and stepper controls that all adjust the same numeric value. The code uses Objective-C with Apple's Cocoa and JavaScriptCore APIs, including `MOJavaScriptObject` for bridging JavaScript callbacks. It loads a user interface from a NIB file via `loadNibFile` and `NSBundle`, and shows how `sliderChange`, `inputChange`, and `stepperChange` actions keep the three widgets in sync. The `clickHello` method invokes a JavaScript function through `callFunctionWithArguments`, connecting the native UI to scripted behavior.

KKevinGutowski
68% match
Loading thumbnail…

interesting quartz tricks

This example demonstrates how to draw a social-media-style post card using Core Graphics and Quartz 2D on iOS. It shows a rounded container with a gradient “Like” bar at the bottom, which includes text labels (“Like,” “Comment”) and vertical dividers, plus a placeholder for an avatar. The code uses `UIBezierPath` for shapes, `CGGradientCreateWithColors` for the bar’s linear gradient, and shadow declarations via `CGContextSetShadowWithColor`. The rendering is entirely procedural, with no external data source, focusing on manual layout and styling through Core Graphics calls.

CCaged
59% match
Loading thumbnail…

Animating the background blur of a NSView that is layer backed

This example demonstrates a layer-backed NSView that fades in with a Gaussian background blur over a fixed image, then reverses the effect. The animation cycles through a state where the view’s background transitions from fully transparent to a blurred, semi-transparent black overlay, using CABasicAnimation and CAAnimationGroup to coordinate opacity and blur radius changes. The code leverages the Objective-C libraries (NSView, CALayer, CIFilter) and the inherent layer-backing system to apply the blur filter via `CIGaussianBlur`, with timing controlled by `CAMediaTimingFunction`. The data source is a local PNG image file, and the animation runs on a timer, hiding the view after the fade-out completes.

KKevinGutowski
58% match
Loading thumbnail…

D3 Slider

A D3 slider demonstrates a draggable handle on a horizontal track, showing how a single numeric value can be changed through direct manipulation. The code uses an SVG line for the track and a circle for the handle, with the drag behavior updating the circle’s `cx` attribute based on the pointer’s x-coordinate. The handle’s position is clamped between the track’s endpoints using a ternary expression, and the `d3.behavior.drag` API handles the drag events. The example renders entirely with SVG, and the interaction logic is implemented in plain D3 without additional libraries.

CCurran Kelleher
57% match
Loading thumbnail…

Gist 402351

This example shows an Objective-C class definition, `ITCocoaWindowAdapter`, which subclasses `NSWindow` to manage a window reference and event handling. The code declares an `OpaqueWindowPtr` structure and an `OpaqueEventHandlerRef` to track the underlying Carbon window and event handler, alongside flags for focus searching and drawing via HIView. It includes an `NSGraphicsContext` for drawing operations. The snippet relies on the AppKit and Carbon APIs, specifically `NSWindow`, `NSGraphicsContext`, and opaque pointer types, to adapt Cocoa window behavior for legacy drawing and event processing. The visualization is a static code listing without data or rendering logic.

CCaged
57% match
Loading thumbnail…

Creating a Sketch NSPanel

This example demonstrates how to create a custom, frameless floating panel with a vibrant, translucent background using the Sketch JavaScript API. The script creates an `NSPanel` with a titled, closable, and resizable window, and applies a `NSVisualEffectView` with a vibrant light appearance to achieve a frosted-glass effect. It uses `NSLayoutConstraint` objects to anchor the visual effect to the panel’s content view. The panel’s close button is handled via `setCOSJSTargetFunction`, which cleans up the panel reference and stops the script’s keep-alive loop.

KKevinGutowski
57% match
Loading thumbnail…

Stack view example

This example demonstrates an NSStackView managing three colored radio buttons arranged vertically, showing how Auto Layout constraints position the stack view within an NSPanel window. The code creates a floating panel using AppKit classes like NSPanel and NSStackView, configuring the buttons with system blue, red, and green backgrounds. It sets orientation to vertical and applies spacing and alignment settings, then adds horizontal and vertical constraints to pin the stack view to the panel’s content view. The example also toggles a user default to visualize mutually exclusive constraints during layout debugging.

KKevinGutowski
56% match
Loading thumbnail…

Gist 611b52546f9a7b7b6c57

This example demonstrates UIKit physics-based animation on iOS, where a small red square falls under simulated gravity within a 300-by-100-point view. It shows how a UIView child is added to a parent container, given a red background color, and then subjected to a UIGravityBehavior from the UIDynamicAnimator class. The code initializes the animator with the parent view as its reference view, then attaches the gravity behavior to the subview, causing it to accelerate downward. The rendering stays within the standard UIKit view hierarchy, with no external data sources involved.

CColinEberhardt
56% match