English

`view`

Visual part for presenting data, handling user interactions, and building user interfaces

Examples

Basic usage

1<view theme="Info" height="100.0" width="100.0" padding="12.0" margin="6.0 8.0">
2</view>

Add scroll bars to the view

When the size of the components inside the view overflows, you can add scroll bars and use clip_x, clip_y to clip the edges.

1<view theme="Info" height="100.0" width="100.0" clip_x="true" clip_y="true">
2  <scroll_bars as_prop="scroll_bars"></scroll_bars>
3  <view height="200.0" width="20.0"></view>
4</view>

Properties

Name	Description	Type
`theme`	Theme	`Themes`
`background_color`	Background color	`MakepadColor`
`hover_color`	Hover color	`MakepadColor`
`focus_color`	Focus color	`MakepadColor`
`border_color`	Border color	`MakepadColor`
`border_width`	Border width	`F32`
`border_radius`	Border radius	`F32`
`visible`	Visible or not	`bool`
`background_visible`	Background visible or not	`bool`
`shadow_color`	Shadow color	`MakepadColor`
`spread_radius`	Shadow spread radius	`F32`
`blur_radius`	Shadow blur radius	`F32`
`shadow_offset`	Shadow offset	`Vec2`
`cursor`	Mouse pointer style	`MouseCursor`
`animation_key`	Animation key	`bool`
`grab_key_focus`	Capture keyboard focus	`bool`
`block_signal_event`	Block signal event	`bool`
`abs_pos`	Absolute position	`DVec2`
`margin`	Margin	`Margin`
`width`	Width	`Size`
`height`	Height	`Size`
`scroll`	Scroll offset	`DVec2`
`clip_x`	Clip X axis or not	`bool`
`clip_y`	Clip Y axis or not	`bool`
`padding`	Padding	`Padding`
`align`	Alignment	`Align`
`flow`	Flow	`Flow`
`spacing`	Spacing	`F64`
`event_order`	Event order	`EventOrder`
`dpi_factor`	DPI scaling factor	`F64`
`optimize`	View optimization options	`ViewOptimize`
`capture_overload`	Capture overload	`bool`
`event_key`	Event key	`bool`
`block_child_events`	Block child event delivery	`bool`

Event callback

None

Table of Contents

#view

#Examples

#Basic usage

#Add scroll bars to the view