Reference API Roblox

Engine API

Website

Related

Reference API Roblox

UICorner

UI modifier which applies deformation to corners of its parent GuiObject.

Memory categoryInstances

Member index 1

HistoryMember
553CornerRadius: UDim
inherited from Instance
553Archivable: bool
635Capabilities: SecurityCapabilities
553Name: string
553Parent: Instance
635Sandboxed: bool
616UniqueId: UniqueId
576AddTag(tag: string): null
573ClearAllChildren(): null
462Clone(): Instance
573Destroy(): null
486FindFirstAncestor(name: string): Instance
486FindFirstAncestorOfClass(className: string): Instance
486FindFirstAncestorWhichIsA(className: string): Instance
486FindFirstChild(name: string, recursive: bool = false): Instance
486FindFirstChildOfClass(className: string): Instance
486FindFirstChildWhichIsA(className: string, recursive: bool = false): Instance
486FindFirstDescendant(name: string): Instance
563GetActor(): Actor
486GetAttribute(attribute: string): Variant
462GetAttributeChangedSignal(attribute: string): RBXScriptSignal
631GetAttributes(): Dictionary
648GetChildren(): Instances
462GetDebugId(scopeLength: int = 4): string
486GetDescendants(): Array
486GetFullName(): string
641GetStyled(name: string): Variant
576GetTags(): Array
576HasTag(tag: string): bool
486IsAncestorOf(descendant: Instance): bool
486IsDescendantOf(ancestor: Instance): bool
580IsPropertyModified(name: string): bool
573Remove(): null
576RemoveTag(tag: string): null
580ResetPropertyToDefault(name: string): null
573SetAttribute(attribute: string, value: Variant): null
462WaitForChild(childName: string, timeOut: double): Instance
648children(): Instances
553clone(): Instance
573destroy(): null
553findFirstChild(name: string, recursive: bool = false): Instance
648getChildren(): Instances
553isDescendantOf(ancestor: Instance): bool
573remove(): null
462AncestryChanged(child: Instance, parent: Instance)
462AttributeChanged(attribute: string)
462ChildAdded(child: Instance)
462ChildRemoved(child: Instance)
462DescendantAdded(descendant: Instance)
462DescendantRemoving(descendant: Instance)
500Destroying()
553childAdded(child: Instance)
inherited from Object
647ClassName: string
647className: string
647GetPropertyChangedSignal(property: string): RBXScriptSignal
647IsA(className: string): bool
650isA(className: string): bool
647Changed(property: string)

Description

UICorner is a modifier which applies deformation to corners of its parent GuiObject. Input, but not descendants, will be clipped to the round corner area. See here for examples.

In order to keep the circular shape of round corners with the CornerRadius value (UDim), the radius is internally calculated as follows:

  • The radius of the X axis is always the same as the radius of Y axis.
  • Scale rounding will always apply to the minimum width or height.
  • Rounded rectangles will always be in a "pill" shape if CornerRadius is set to a value that leads to a calculated result greater than half of the rectangle's minimum width or height.

Alternatively, rounded corners can be accomplished using slices which are suitable for decorative borders that are not simply rounded. See 9‑Slice Design for details.

Note that UICorner can not be applied to a ScrollingFrame.

History 5

Members 1

CornerRadius

TypeDefault
UDim0, 8

A UDim property that determines the radius of the UICorner component, internally calculated as follows:

  • The radius of the X axis is always the same as the radius of Y axis.
  • Scale rounding will always apply to the minimum width or height.
  • Rounded rectangles will always be in a "pill" shape if CornerRadius is set to a value that leads to a calculated result greater than half of the rectangle's minimum width or height.
Thread safetyReadSafe
CategoryAppearance
Loaded/Savedtrue

History 4

Settings