I'm pretty sure we don't understand a meaning of composition identically. This is how I understand it:
https://en.m.wikipedia.org/wiki/Composition_(visual_arts)
"In graphic design for press and desktop publishing composition is commonly referred to as page layout."
Design for press is inspiration of modern ui design techniques, for example material design.
Concentrate on "page layout". Then comes the following question: if composition is archived through layout of elements why Stef tries to manually draw shapes instead of composing two elements?
Howto:
1) Create an element with rectangle shape.
2) Create an element with circle shape.
3) Add circle element to rectangle element.
4) Change layout params of the circle element to match parent both vertically and horizontally
5) if needed set padding/margin.
There is even no need to care about drawing if it's complicated.
Hi Alex,
I think that Stef is looking for a composition example. Could you please provide an example that is more canonical and shows the composition of two elements instead of playing with both drawOnSpartaCanvas and the shape?
Cheers,
Doru
> On Apr 2, 2016, at 8:17 PM, Aliaksei Syrel <alex.syrel@gmail.com> wrote:
>
> How to make square element with filled circle inside:
>
> 1) Subclass BlElement -> BlCell
> 2) Override
> drawOnSpartaCanvas: aCanvas
>�� ��super drawOnSpartaCanvas: aCanvas.
>�� ��aCanvas
>�� �� ��setShape: self localBounds;
>�� �� ��setStrokePaint: Color blue;
>�� �� ��stroke
>
> 3) Override initialize to have circle shape:
> initialize
>�� �� super initialize.
>�� �� self shapeDo: [ :aShape | aShape
>�� �� �� ��path: BlCirclePath new;
>�� �� �� ��fillPaint: Color red ].
> 4) Open cell in word
>
> Easy :)
>
--
www.tudorgirba.com
www.feenk.com
"We can create beautiful models in a vacuum.
But, to get them effective we have to deal with the inconvenience of reality."