SemianiakaVY/openpencil
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity
openpencil/packages/docs/de/programmable/sdk/api/composables/use-layout.md
Danila Poyarkov 14325280d9 docs(i18n): translate all missing pages to 6 languages 
- 78 SDK pages per language (components, composables, advanced API,
  guides, architecture, getting-started)
- vector-edit.md user guide page (5 languages)
- Update stale ru/programmable/cli/inspecting.md
- Fix YAML frontmatter quoting for colons in descriptions

474 files, 0 missing pages across de/es/fr/it/pl/ru.
VitePress build verified — all 546 SDK pages render.
2026-04-22 18:35:22 +03:00

1.1 KiB
Raw Blame History

title description
useLayout Mit Auto-Layout, Größenanpassung, Innenabstand, Ausrichtung und Raster-Tracks arbeiten.

useLayout

useLayout() ist das Haupt-Steuerelemente-Composable für layout-bezogene Panels.

Es gibt Zustand und Aktionen zurück für:

  • Flex- vs. Rastermodus
  • Breite/Höhe-Größenanpassung
  • Innenabstand
  • Ausrichtung
  • Raster-Template-Track-Bearbeitung

Verwendung

import { useLayout } from '@open-pencil/vue'

const layout = useLayout()

Einfaches Beispiel

const {
  isGrid,
  isFlex,
  widthSizing,
  heightSizing,
  setWidthSizing,
  setHeightSizing,
} = useLayout()

Praktische Beispiele

Zwischen einheitlichem und individuellem Innenabstand wechseln

layout.toggleIndividualPadding()

Raster-Tracks aktualisieren

layout.updateGridTrack('gridTemplateColumns', 0, { sizing: 'FIXED', value: 240 })
layout.addTrack('gridTemplateRows')

Ausrichtung ändern

layout.setAlignment('CENTER', 'MAX')

Verwandte APIs