April 2016 - Pharo-dev - lists.pharo.org

Re: [Pharo-dev] [bloc] shape size?

by Aliaksei Syrel

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. On Apr 3, 2016 12:26 AM, "Tudor Girba" <tudor(a)tudorgirba.com> wrote: > 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(a)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." > > >

April 2, 2016

Re: [Pharo-dev] [bloc] shape size?

by Tudor Girba

Hi Stef, I think the example that Alex provided is less advisable and it is misleading :). Itâs indeed interesting that you can do what he shows, but I do not think this is the example that people should see first. I got my hands on an image. Here is an example that is composing two elements: element := BlElement new layoutStrategy: BlBasicLayoutStrategy new; shape: (BlShape new path: BlRectanglePath new; strokePaint: (BlStrokePaint new paint: Color blue; width: 4)); extent: 500@500; position: 0@0; addChild: (BlElement new shape: (BlShape new path: BlCirclePath new; fillPaint: Color red); extent: 450@450; position: 25@25). element openInWorld. Is this what you had in mind? Cheers, Doru > On Apr 2, 2016, at 11:38 PM, stepharo <stepharo(a)free.fr> 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 :) > > Except that I do not understand it. > I do not understand why I should do > setShape: self localBounds; > > and why I should do shapeDo: in the initialize > > This is totally unclear to me. So this means that I cannot program anything I want > with it. Imagine I could not find anything simpler than a box with a circle drawn on it > and even with the solution I cannot understand it. > > You see in Morphic this is simple: you have a drawOn: aCanvas method and you know how to draw: aCanvas > I do not get the interaction between the draw and the initialize. > This is totally unclear. > > Now I tried and this code did not work in the build 26 so I tried with drawOnAthensCanvas: and it crashed. > So I stop. > No need to reply to this email and thread. > > > Stef > > -- 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."

April 2, 2016

Re: [Pharo-dev] [bloc] shape size?

by Tudor Girba

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(a)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."

April 2, 2016

Re: [Pharo-dev] [bloc] shape size?

by stepharo

> 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 :) Except that I do not understand it. I do not understand why I should do setShape: self localBounds; and why I should do shapeDo: in the initialize This is totally unclear to me. So this means that I cannot program anything I want with it. Imagine I could not find anything simpler than a box with a circle drawn on it and even with the solution I cannot understand it. You see in Morphic this is simple: you have a drawOn: aCanvas method and you know how to draw: aCanvas I do not get the interaction between the draw and the initialize. This is totally unclear. Now I tried and this code did not work in the build 26 so I tried with drawOnAthensCanvas: and it crashed. So I stop. No need to reply to this email and thread. Stef

April 2, 2016

Re: [Pharo-dev] [bloc] how to get a debugger

by stepharo

Le 2/4/16 20:01, Aliaksei Syrel a Ã©crit : > > On Sat, Apr 2, 2016 at 7:55 PM, stepharo <stepharo(a)free.fr > <mailto:stepharo@free.fr>> wrote: > > so then why do you have this method in BlElement >> > drawOnAthensCanvas: aCanvas > > > no, you are mistaking something. I specifically removed it 4 builds > ago knowing that you may be confused ;) in build 26 I get this method BlElement >> drawOnAthensCanvas: aCanvas "Actually render receiver on aCanvas in local bounds. Override to customize. aCanvas is an instance of AthensCanvas aCanvas must not be nil" self shape adaptTo: self extent. self shape path context: aCanvas. self drawFillOnAthensCanvas: aCanvas. self drawStrokeOnAthensCanvas: aCanvas But this is not a problem. I cannot program in Bloc so I will not. I had a dream but I guess that I was wrong. Stef > Even in the image that used for presentation, athens methods are > already deleted: > https://ci.inria.fr/moose/view/Moose%206.0/job/Bloc/23/ > > Cheers, > Alex

April 2, 2016

Re: [Pharo-dev] [bloc] yellow halos

by stepharo

Le 2/4/16 20:07, Aliaksei Syrel a Ã©crit : > That was fixed yesterday ;) Do you mean that you fix it and that it was not in the latest jenkins built? I do not understand why if it was fixed yesterday I did not get the fix because I took the latest version today at 4h Stef > > Cheers, > Alex > > On Sat, Apr 2, 2016 at 7:56 PM, stepharo <stepharo(a)free.fr > <mailto:stepharo@free.fr>> wrote: > > >> There is no layout strategy yet to put halos in the corners. >> Yellow circle ideally must be in the right bottom corner. >> > > I do not know but I cannot grab morph and I get DNU. > > Stef > >> Try to inspect and send extent: to an element you want to resize >> >> On Apr 2, 2016 4:45 PM, "stepharo" <stepharo(a)free.fr >> <mailto:stepharo@free.fr>> wrote: >> >> Hi >> >> I created a simple morph and when I try to grab it using the >> yellow halo I get this message >> self assert: anElement isInWorld. >> >> >> >> draggedElement: anElement >> >> self assert: anElement isNotNil. >> self assert: anElement isInWorld. >> >> "compute distance from hand's position in global coordinates" >> self targetOffset: (anElement globalPosition - self >> globalPosition). >> self privateDraggedElement: anElement. >> >> anElement position: (self globalPointToLocal: self >> targetOffset + self globalPosition) >> >> Stef >> > >

April 2, 2016

Re: [Pharo-dev] [bloc] shape size?

by Aliaksei Syrel

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 :)

April 2, 2016

Re: [Pharo-dev] [bloc] yellow halos

by Aliaksei Syrel

That was fixed yesterday ;) Cheers, Alex On Sat, Apr 2, 2016 at 7:56 PM, stepharo <stepharo(a)free.fr> wrote: > > There is no layout strategy yet to put halos in the corners. Yellow circle > ideally must be in the right bottom corner. > > > I do not know but I cannot grab morph and I get DNU. > > Stef > > Try to inspect and send extent: to an element you want to resize > > On Apr 2, 2016 4:45 PM, "stepharo" < <stepharo(a)free.fr>stepharo(a)free.fr> > wrote: > >> Hi >> >> I created a simple morph and when I try to grab it using the yellow halo >> I get this message >> self assert: anElement isInWorld. >> >> >> >> draggedElement: anElement >> >> self assert: anElement isNotNil. >> self assert: anElement isInWorld. >> >> "compute distance from hand's position in global coordinates" >> self targetOffset: (anElement globalPosition - self globalPosition). >> self privateDraggedElement: anElement. >> >> anElement position: (self globalPointToLocal: self targetOffset + >> self globalPosition) >> >> Stef >> >> >

April 2, 2016

Re: [Pharo-dev] [bloc] shape size?

by Aliaksei Syrel

I don't see any problem here. Rendering in bloc is as complex as athens/cairo, just check what methods AthensCanvas provides and use them. no magic. Cheers, Alex

April 2, 2016

Re: [Pharo-dev] [bloc] how to get a debugger

by Aliaksei Syrel

On Sat, Apr 2, 2016 at 7:55 PM, stepharo <stepharo(a)free.fr> wrote: > so then why do you have this method in BlElement >> drawOnAthensCanvas: > aCanvas no, you are mistaking something. I specifically removed it 4 builds ago knowing that you may be confused ;) Even in the image that used for presentation, athens methods are already deleted: https://ci.inria.fr/moose/view/Moose%206.0/job/Bloc/23/ Cheers, Alex

April 2, 2016