RadiusProperty

Table of contents

Create from source
Create from resource
Interface description
Properties

Description of the View(shape) elliptical corner radius

Create from source

func NewEllipticRadius[xType SizeUnit | int | float64, yType SizeUnit | int | float64](x xType, y yType) RadiusProperty

Creates the new radius property which having the same elliptical radii for all angles. Arguments determines the x and y axis elliptic rounding radius. if an argument is specified as int or float64, the value is considered to be in pixels.

func NewRadii[topRightType SizeUnit | int | float64, bottomRightType SizeUnit | int | float64, bottomLeftType SizeUnit | int | float64, topLeftType SizeUnit | int | float64](topRight topRightType, bottomRight bottomRightType, bottomLeft bottomLeftType, topLeft topLeftType) RadiusProperty

Creates the new radius property. The arguments specify the radii in a clockwise direction: "top-right", "bottom-right", "bottom-left", and "top-left". If an argument is specified as int or float64, the value is considered to be in pixels.

func NewRadiusProperty(params Params) RadiusProperty

Creates the new radius property and return its interface

Create from resource

View {
    radius = _{
        x = 4px,
        y = 4px,
        top-left = 8px,
        bottom-right = 8px,
    }
}

View {
    radius = _{
        top-left = "8px / 8px",
        top-right = "4px / 4px",
        bottom-left = "4px / 4px",
        bottom-right = "8px / 8px",
    }
}

Interface description

Inherit methods from Properties, fmt.Stringer

BoxRadius(session Session) BoxRadius

Return x and y radius of the corners of the element

Properties

"bottom-left"

Determines the bottom-left corner rounding radius of an element's outer border edge

Constant: BottomLeft

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left = 0.5em,
                top-right = 0.5em,
                bottom-right = 0.5em,
                bottom-left = 0.5em
            },
            hint = "User name"
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeft:     rui.Em(0.5),
            rui.TopRight:    rui.Em(0.5),
            rui.BottomRight: rui.Em(0.5),
            rui.BottomLeft:  rui.Em(0.5),
        }),
    }),
})

"bottom-left-x"

Determines the x-axis bottom-left corner elliptic rounding radius of an element's outer border edge

Constant: BottomLeftX

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"bottom-left-y"

Determines the y-axis bottom-left corner elliptic rounding radius of an element's outer border edge

Constant: BottomLeftY

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"bottom-right"

Determines the bottom-right corner rounding radius of an element's outer border edge

Constant: BottomRight

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left = 0.5em,
                top-right = 0.5em,
                bottom-right = 0.5em,
                bottom-left = 0.5em
            },
            hint = "User name"
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeft:     rui.Em(0.5),
            rui.TopRight:    rui.Em(0.5),
            rui.BottomRight: rui.Em(0.5),
            rui.BottomLeft:  rui.Em(0.5),
        }),
    }),
})

"bottom-right-x"

Determines the x-axis bottom-right corner elliptic rounding radius of an element's outer border edge

Constant: BottomRightX

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"bottom-right-y"

Determines the y-axis bottom-right corner elliptic rounding radius of an element's outer border edge

Constant: BottomRightY

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"top-left"

Determines the top-left corner rounding radius of an element's outer border edge

Constant: TopLeft

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left = 0.5em,
                top-right = 0.5em,
                bottom-right = 0.5em,
                bottom-left = 0.5em
            },
            hint = "User name"
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeft:     rui.Em(0.5),
            rui.TopRight:    rui.Em(0.5),
            rui.BottomRight: rui.Em(0.5),
            rui.BottomLeft:  rui.Em(0.5),
        }),
    }),
})

"top-left-x"

Determines the x-axis top-left corner elliptic rounding radius of an element's outer border edge

Constant: TopLeftX

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"top-left-y"

Determines the y-axis top-left corner elliptic rounding radius of an element's outer border edge

Constant: TopLeftY

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"top-right"

Determines the top-right corner rounding radius of an element's outer border edge

Constant: TopRight

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left = 0.5em,
                top-right = 0.5em,
                bottom-right = 0.5em,
                bottom-left = 0.5em
            },
            hint = "User name"
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeft:     rui.Em(0.5),
            rui.TopRight:    rui.Em(0.5),
            rui.BottomRight: rui.Em(0.5),
            rui.BottomLeft:  rui.Em(0.5),
        }),
    }),
})

"top-right-x"

Determines the x-axis top-right corner elliptic rounding radius of an element's outer border edge

Constant: TopRightX

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"top-right-y"

Determines the y-axis top-right corner elliptic rounding radius of an element's outer border edge

Constant: TopRightY

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                top-left-x = 0.5em,
                top-left-y = 0.2em,
                top-right-x = 0.5em,
                top-right-y = 0.2em,
                bottom-right-x = 0.5em,
                bottom-right-y = 0.2em,
                bottom-left-x = 0.5em,
                bottom-left-y = 0.2em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.TopLeftX:     rui.Em(0.5),
            rui.TopLeftY:     rui.Em(0.2),
            rui.TopRightX:    rui.Em(0.5),
            rui.TopRightY:    rui.Em(0.2),
            rui.BottomRightX: rui.Em(0.5),
            rui.BottomRightY: rui.Em(0.2),
            rui.BottomLeftX:  rui.Em(0.5),
            rui.BottomLeftY:  rui.Em(0.2),
        }),
    }),
})

"x"

Determines the x-axis elliptic rounding radius of an element's outer border edge

Constant: X

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                x = 0.5em,
                y = 0.5em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.X: rui.Em(0.5),
            rui.Y: rui.Em(0.5),
        }),
    }),
})

"y"

Determines the y-axis elliptic rounding radius of an element's outer border edge

Constant: Y

Types: SizeUnit, SizeFunc, string, float, int

Internal type is SizeUnit, other types converted to it during assignment

See SizeUnit description for more details

Examples

GridLayout {
    width = 100%,
    height = 100%,
    cell-vertical-align = center,
    cell-horizontal-align = center,
    content = [
        EditView {
            radius = _{
                x = 0.5em,
                y = 0.5em,
            },
            hint = "User name",
        },
    ],
}

view := rui.NewGridLayout(session, rui.Params{
    rui.Width:               rui.Percent(100),
    rui.Height:              rui.Percent(100),
    rui.CellVerticalAlign:   rui.CenterAlign,
    rui.CellHorizontalAlign: rui.CenterAlign,
    rui.Content: rui.NewEditView(session, rui.Params{
        rui.Hint: "User name",
        rui.Radius: rui.NewRadiusProperty(rui.Params{
            rui.X: rui.Em(0.5),
            rui.Y: rui.Em(0.5),
        }),
    }),
})