Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Short review and format fixes #12

Merged
merged 3 commits into from
Sep 25, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 20 additions & 29 deletions Chapters/bloc/element.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ behavior of your UI elements.

#### Navigating Bloc's spatial landscape

**Bloc** introduces two key concepts for managing the visual environment:
**Bloc** introduces two key concepts for managing the visual environment:
`BlUniverse` and `BlSpace`. Imagine `BlUniverse` as a container housing a
collection of individual `BlSpace` instances. Each `BlSpace` represents a
distinct operating system window where your Pharo application unfolds. If you
Expand All @@ -36,39 +36,30 @@ BlElement new

![Creating a basic element.](figures/basicElement.png)

1. **Start with a blank canvas:** Begin by creating a new `BlElement`. This serves
as the foundation for your user interface element, initially appearing
1. **Start with a blank canvas:** Begin by creating a new `BlElement`.
This serves as the foundation for your user interface element, initially appearing
invisible.
1. **Define its shape:** In Bloc, the element's visual representation is
determined by its geometry. In this example, we'll use a simple rectangle, but
more complex shapes are also possible (explored in further detail later).
1. **Set its dimensions and appearance:** Specify the element's size and color
to customize its visual characteristics.
1. **Bring it to life:** Finally, open the element in a new space, making it
visible on the screen.
2. **Define its shape:** In Bloc, the element's visual representation is
determined by its geometry.
In this example, we'll use a simple rectangle, but more complex shapes are also possible (explored in further detail later).
3. **Set its dimensions and appearance:**
Specify the element's size and color to customize its visual characteristics.
4. **Bring it to life:** Finally, open the element in a new space, making it visible on the screen.


### Geometry of BlElement

In Bloc, the visual form and boundaries of your UI elements are determined by
their geometries. Each element can only possess a single geometry, essentially
acting as a blueprint for its shape and size. You can visualize an element as a
specific geometry encapsulated within an invisible rectangular container,
representing its overall *bounds*.

Bloc provides a diverse range of pre-defined geometry shapes accessible through
`BlElementGeometry allSubclasses`. This comprehensive library empowers you to
construct elements of varying complexities, from basic rectangles and circles to
more intricate forms.

Bloc excels in facilitating the creation of custom components with advanced
layout possibilities. Imagine building complex layouts by strategically
arranging various elements, each defined by its unique geometry, to form a
cohesive whole.

While the Alexandrie canvas provides a foundational set of building drawing
primitives, Bloc offers a richer library of pre-defined shapes and the
flexibility to construct even more intricate geometries.
In Bloc, the visual form and boundaries of your UI elements are determined by their geometry.
Each element can only possess a single geometry, essentially acting as a blueprint for its shape and size.
You can visualize an element as a specific geometry encapsulated within an invisible rectangular container, representing its overall *bounds*.

Bloc provides a diverse range of pre-defined geometry shapes accessible through `BlElementGeometry allSubclasses`.
This comprehensive library empowers you to construct elements of varying complexities, from basic rectangles and circles to more intricate forms.

Bloc excels in facilitating the creation of custom components with advanced layout possibilities.
Imagine building complex layouts by strategically arranging various elements, each defined by its unique geometry, to form a cohesive whole.

While the Alexandrie canvas provides a foundational set of building drawing primitives, Bloc offers a richer library of pre-defined shapes and the flexibility to construct even more intricate geometries.

![Base geometries.](figures/allGeometry.png width=80)

Expand Down
1 change: 0 additions & 1 deletion _support/latex/sbabook/sbabook.cls
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,6 @@
% also moves footnotes below bottom-of-page floats
\RequirePackage[bottom]{footmisc}


%%%
%%% Title page
%%%
Expand Down