adding scroll bars to Roassal Visualization

Hi Alex,

Interesting, but it should be different :):
- the main purpose of the scrollbar is to show the position of the visible part within the overall canvas. However, currently, the size of the scroll bar is constant, and thus it does not solve the goal. To solve this, we need to be able to react to ROCamera bounds change events.
- furthermore, when scrolling by clicking and dragging on the canvas, the scrollbars do not get updated (even worse, the vertical one disappears).
- another characteristic of a scrollbar is to not be intrusive. We learnt that from Apple that we actually not need a scrollbar when we have a good way to scroll. So, the bars should be transparent and thinner.

Cheers,
Doru

On 5 Jun 2012, at 23:24, Alexandre Bergel wrote:

> I started to work on it. Not perfect, but a good start I feel. Feel free to try:
> -=-=-=-=-=-=-=-=-=-=-=-=
> | view els stack |
> view := ROView new.
> view add: ROElement sprite.
>
> els := ROElement spritesFor: (1 to: 500).
> els do: [ :el | el + ROLabel @ ROPopup ].
> view addAll: (ROGridLayout  on: els).
> view @ RODraggable .
>
> stack := ROViewStack new.
> stack addView: view.
> stack @ ROScrollbable.
> stack open.
> -=-=-=-=-=-=-=-=-=-=-=-=
>
> Cheers,
> Alexandre
>
> On Jun 4, 2012, at 10:28 PM, Usman Bhatti wrote:
>
>> Hello,
>>
>> How to we add horizontal and vertical scroll bars to a Roassal visualization. I browsed through some examples but could not find one with these.
>>
>> tx.
>> usman
>> _______________________________________________
>> Moose-dev mailing list
>> [hidden email]
>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> Alexandre Bergel  http://www.bergel.eu
> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"Every thing should have the right to be different."

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Hi Usman,

I have been slow on this. Thanks for pushing!
I will try to come with an implementation for next Sunday.

Cheers,
Alexandre

On Sep 16, 2012, at 8:48 AM, Usman Bhatti <[hidden email]> wrote:

> Hi Alex,
>
> Do you plan to evolve progress bars in Roassal in the direction suggested by Doru?
>
> usman
>
> On Wed, Jun 6, 2012 at 7:58 AM, Tudor Girba <[hidden email]> wrote:
> Hi Alex,
>
> Interesting, but it should be different :):
> - the main purpose of the scrollbar is to show the position of the visible part within the overall canvas. However, currently, the size of the scroll bar is constant, and thus it does not solve the goal. To solve this, we need to be able to react to ROCamera bounds change events.
> - furthermore, when scrolling by clicking and dragging on the canvas, the scrollbars do not get updated (even worse, the vertical one disappears).
> - another characteristic of a scrollbar is to not be intrusive. We learnt that from Apple that we actually not need a scrollbar when we have a good way to scroll. So, the bars should be transparent and thinner.
>
> Cheers,
> Doru
>
>
> On 5 Jun 2012, at 23:24, Alexandre Bergel wrote:
>
> > I started to work on it. Not perfect, but a good start I feel. Feel free to try:
> > -=-=-=-=-=-=-=-=-=-=-=-=
> > | view els stack |
> > view := ROView new.
> > view add: ROElement sprite.
> >
> > els := ROElement spritesFor: (1 to: 500).
> > els do: [ :el | el + ROLabel @ ROPopup ].
> > view addAll: (ROGridLayout  on: els).
> > view @ RODraggable .
> >
> > stack := ROViewStack new.
> > stack addView: view.
> > stack @ ROScrollbable.
> > stack open.
> > -=-=-=-=-=-=-=-=-=-=-=-=
> >
> > Cheers,
> > Alexandre
> >
> > On Jun 4, 2012, at 10:28 PM, Usman Bhatti wrote:
> >
> >> Hello,
> >>
> >> How to we add horizontal and vertical scroll bars to a Roassal visualization. I browsed through some examples but could not find one with these.
> >>
> >> tx.
> >> usman
> >> _______________________________________________
> >> Moose-dev mailing list
> >> [hidden email]
> >> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >
> > --
> > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> > Alexandre Bergel  http://www.bergel.eu
> > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> >
> >
> >
> > _______________________________________________
> > Moose-dev mailing list
> > [hidden email]
> > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> www.tudorgirba.com
>
> "Every thing should have the right to be different."
>
>
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.



_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

=-=-=-=-=-= =-=-=-=-=-= =-=-=-=-=-= =-=-=-=-=-= =-=-=-=-=-=
| view roView roMorph  pane window stack rawView nodes |

        "Preparing"
        window := StandardWindow labelled: 'windowLabel'.
        window model: self.
        window extent: 340 @ 480.

        stack := ROViewStack new.
        rawView := ROView new.
        stack addView: rawView.

        view := ROMondrianViewBuilder initializedView: rawView.
        view stack: stack.
        view shape rectangle width: [ :c | c numberOfVariables * 5 ]; height: #numberOfMethods.
        nodes := view nodes: Collection withAllSubclasses.

        view edgesFrom:  #superclass.
        view treeLayout.
        view applyLayout.

        roMorph := ROMorph on: stack.
        pane := ScrollPane new.
        roMorph extent: ( view raw encompassingRectangle extent + (40 @ 40)) .
        pane scroller addMorph: (roMorph).

        window
                addMorph: pane
                 frame: (0@0 corner: 1@1).
        window openInWorld.

=-=-=-=-=-= =-=-=-=-=-= =-=-=-=-=-= =-=-=-=-=-= =-=-=-=-=-=

I am sure that Alex can build the scrollbar inside Roassal :). We
already discussed about how it should work, and I do not think it is
that difficult.

Doru

On Sat, Sep 22, 2012 at 5:53 PM, Stéphane Ducasse
<[hidden email]> wrote:
> alex
> I understand your concerns but without scrollbar this is not so great.
> So we will probably have to extend roassal in our corners.
>
> Stef
>
> On Sep 20, 2012, at 3:21 PM, Alexandre Bergel wrote:
>
>>> Would it not be good to put classic pharo scrollbars (as was the case with Mondrian, see the attached screenshot from a mondrian visualization) for Roassal visualizations?
>>
>> This is not possible for several reasons:
>>  - if I had Morphic scrollbar, then keeping Roassal dialect independent will be harder
>>  - I would like Roassal to be _really_ scalable in the future (my goal is 1 000 000 nodes). Relying on Morphic for the scrolling may impede this goal.
>>
>> I will try to come with an implementation for this soon.
>>
>> Cheers,
>> Alexandre
>>
>>>
>>> regards,
>>> Usman
>>> <image.png>
>>> On Mon, Sep 17, 2012 at 2:37 PM, Alexandre Bergel <[hidden email]> wrote:
>>> Hi Usman,
>>>
>>> I have been slow on this. Thanks for pushing!
>>> I will try to come with an implementation for next Sunday.
>>>
>>> Cheers,
>>> Alexandre
>>>
>>>
>>> On Sep 16, 2012, at 8:48 AM, Usman Bhatti <[hidden email]> wrote:
>>>
>>>> Hi Alex,
>>>>
>>>> Do you plan to evolve progress bars in Roassal in the direction suggested by Doru?
>>>>
>>>> usman
>>>>
>>>> On Wed, Jun 6, 2012 at 7:58 AM, Tudor Girba <[hidden email]> wrote:
>>>> Hi Alex,
>>>>
>>>> Interesting, but it should be different :):
>>>> - the main purpose of the scrollbar is to show the position of the visible part within the overall canvas. However, currently, the size of the scroll bar is constant, and thus it does not solve the goal. To solve this, we need to be able to react to ROCamera bounds change events.
>>>> - furthermore, when scrolling by clicking and dragging on the canvas, the scrollbars do not get updated (even worse, the vertical one disappears).
>>>> - another characteristic of a scrollbar is to not be intrusive. We learnt that from Apple that we actually not need a scrollbar when we have a good way to scroll. So, the bars should be transparent and thinner.
>>>>
>>>> Cheers,
>>>> Doru
>>>>
>>>>
>>>> On 5 Jun 2012, at 23:24, Alexandre Bergel wrote:
>>>>
>>>>> I started to work on it. Not perfect, but a good start I feel. Feel free to try:
>>>>> -=-=-=-=-=-=-=-=-=-=-=-=
>>>>> | view els stack |
>>>>> view := ROView new.
>>>>> view add: ROElement sprite.
>>>>>
>>>>> els := ROElement spritesFor: (1 to: 500).
>>>>> els do: [ :el | el + ROLabel @ ROPopup ].
>>>>> view addAll: (ROGridLayout  on: els).
>>>>> view @ RODraggable .
>>>>>
>>>>> stack := ROViewStack new.
>>>>> stack addView: view.
>>>>> stack @ ROScrollbable.
>>>>> stack open.
>>>>> -=-=-=-=-=-=-=-=-=-=-=-=
>>>>>
>>>>> Cheers,
>>>>> Alexandre
>>>>>
>>>>> On Jun 4, 2012, at 10:28 PM, Usman Bhatti wrote:
>>>>>
>>>>>> Hello,
>>>>>>
>>>>>> How to we add horizontal and vertical scroll bars to a Roassal visualization. I browsed through some examples but could not find one with these.
>>>>>>
>>>>>> tx.
>>>>>> usman
>>>>>> _______________________________________________
>>>>>> Moose-dev mailing list
>>>>>> [hidden email]
>>>>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>>>>
>>>>> --
>>>>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
>>>>> Alexandre Bergel  http://www.bergel.eu
>>>>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>>>>>
>>>>>
>>>>>
>>>>> _______________________________________________
>>>>> Moose-dev mailing list
>>>>> [hidden email]
>>>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>>>
>>>> --
>>>> www.tudorgirba.com
>>>>
>>>> "Every thing should have the right to be different."
>>>>
>>>>
>>>>
>>>>
>>>> _______________________________________________
>>>> Moose-dev mailing list
>>>> [hidden email]
>>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>>>
>>>> _______________________________________________
>>>> Moose-dev mailing list
>>>> [hidden email]
>>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>>
>>> --
>>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
>>> Alexandre Bergel  http://www.bergel.eu
>>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>>>
>>>
>>>
>>> _______________________________________________
>>> Moose-dev mailing list
>>> [hidden email]
>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>>
>>> _______________________________________________
>>> Moose-dev mailing list
>>> [hidden email]
>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>
>> --
>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
>> Alexandre Bergel  http://www.bergel.eu
>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>>
>>
>>
>> _______________________________________________
>> Moose-dev mailing list
>> [hidden email]
>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Look good!

A couple of comments:
  - the size of scrollbar should depends on the size of the view
  - the scrollbar seems "to escape" where its space. It leave the window
  - When I drag the visualization from its background, the scrollbar seems to move with the visualization itself

I think those are the most important points. I would be happy if you could continue your effort. This is important, many are asking for this.

Cheers,
Alexandre

On Sep 22, 2012, at 6:21 PM, Usman Bhatti <[hidden email]> wrote:

> Hello,
>
> Here is a proposition for scrollbars in Roassal. The idea is show scrollbars only when the cursor goes in the blue region in the figure (colored blue for illustrated purpose only, otherwise it would be transparent). A test script is also attached. I built this on the implementation provided by Alex. As this is just a mock, there are still some points to be resolved (redrawing bars in case of window resize, dragging still makes disappear vertical bar). But these issues can be addressed once we know what is intended to be retained in Roassal.
>
> Did you guys discuss on these lines or something completely different?
>
> regards,
> Usman
>

> <image.png>

>
> On Sat, Sep 22, 2012 at 9:31 PM, Tudor Girba <[hidden email]> wrote:
> I am sure that Alex can build the scrollbar inside Roassal :). We
> already discussed about how it should work, and I do not think it is
> that difficult.
>
> Doru
>
>
> On Sat, Sep 22, 2012 at 5:53 PM, Stéphane Ducasse
> <[hidden email]> wrote:
> > alex
> > I understand your concerns but without scrollbar this is not so great.
> > So we will probably have to extend roassal in our corners.
> >
> > Stef
> >
> > On Sep 20, 2012, at 3:21 PM, Alexandre Bergel wrote:
> >
> >>> Would it not be good to put classic pharo scrollbars (as was the case with Mondrian, see the attached screenshot from a mondrian visualization) for Roassal visualizations?
> >>
> >> This is not possible for several reasons:
> >>  - if I had Morphic scrollbar, then keeping Roassal dialect independent will be harder
> >>  - I would like Roassal to be _really_ scalable in the future (my goal is 1 000 000 nodes). Relying on Morphic for the scrolling may impede this goal.
> >>
> >> I will try to come with an implementation for this soon.
> >>
> >> Cheers,
> >> Alexandre
> >>
> >>>
> >>> regards,
> >>> Usman
> >>> <image.png>
> >>> On Mon, Sep 17, 2012 at 2:37 PM, Alexandre Bergel <[hidden email]> wrote:
> >>> Hi Usman,
> >>>
> >>> I have been slow on this. Thanks for pushing!
> >>> I will try to come with an implementation for next Sunday.
> >>>
> >>> Cheers,
> >>> Alexandre
> >>>
> >>>
> >>> On Sep 16, 2012, at 8:48 AM, Usman Bhatti <[hidden email]> wrote:
> >>>
> >>>> Hi Alex,
> >>>>
> >>>> Do you plan to evolve progress bars in Roassal in the direction suggested by Doru?
> >>>>
> >>>> usman
> >>>>
> >>>> On Wed, Jun 6, 2012 at 7:58 AM, Tudor Girba <[hidden email]> wrote:
> >>>> Hi Alex,
> >>>>
> >>>> Interesting, but it should be different :):
> >>>> - the main purpose of the scrollbar is to show the position of the visible part within the overall canvas. However, currently, the size of the scroll bar is constant, and thus it does not solve the goal. To solve this, we need to be able to react to ROCamera bounds change events.
> >>>> - furthermore, when scrolling by clicking and dragging on the canvas, the scrollbars do not get updated (even worse, the vertical one disappears).
> >>>> - another characteristic of a scrollbar is to not be intrusive. We learnt that from Apple that we actually not need a scrollbar when we have a good way to scroll. So, the bars should be transparent and thinner.
> >>>>
> >>>> Cheers,
> >>>> Doru
> >>>>
> >>>>
> >>>> On 5 Jun 2012, at 23:24, Alexandre Bergel wrote:
> >>>>
> >>>>> I started to work on it. Not perfect, but a good start I feel. Feel free to try:
> >>>>> -=-=-=-=-=-=-=-=-=-=-=-=
> >>>>> | view els stack |
> >>>>> view := ROView new.
> >>>>> view add: ROElement sprite.
> >>>>>
> >>>>> els := ROElement spritesFor: (1 to: 500).
> >>>>> els do: [ :el | el + ROLabel @ ROPopup ].
> >>>>> view addAll: (ROGridLayout  on: els).
> >>>>> view @ RODraggable .
> >>>>>
> >>>>> stack := ROViewStack new.
> >>>>> stack addView: view.
> >>>>> stack @ ROScrollbable.
> >>>>> stack open.
> >>>>> -=-=-=-=-=-=-=-=-=-=-=-=
> >>>>>
> >>>>> Cheers,
> >>>>> Alexandre
> >>>>>
> >>>>> On Jun 4, 2012, at 10:28 PM, Usman Bhatti wrote:
> >>>>>
> >>>>>> Hello,
> >>>>>>
> >>>>>> How to we add horizontal and vertical scroll bars to a Roassal visualization. I browsed through some examples but could not find one with these.
> >>>>>>
> >>>>>> tx.
> >>>>>> usman
> >>>>>> _______________________________________________
> >>>>>> Moose-dev mailing list
> >>>>>> [hidden email]
> >>>>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >>>>>
> >>>>> --
> >>>>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> >>>>> Alexandre Bergel  http://www.bergel.eu
> >>>>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> >>>>>
> >>>>>
> >>>>>
> >>>>> _______________________________________________
> >>>>> Moose-dev mailing list
> >>>>> [hidden email]
> >>>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >>>>
> >>>> --
> >>>> www.tudorgirba.com
> >>>>
> >>>> "Every thing should have the right to be different."
> >>>>
> >>>>
> >>>>
> >>>>
> >>>> _______________________________________________
> >>>> Moose-dev mailing list
> >>>> [hidden email]
> >>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >>>>
> >>>> _______________________________________________
> >>>> Moose-dev mailing list
> >>>> [hidden email]
> >>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >>>
> >>> --
> >>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> >>> Alexandre Bergel  http://www.bergel.eu
> >>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> >>>
> >>>
> >>>
> >>> _______________________________________________
> >>> Moose-dev mailing list
> >>> [hidden email]
> >>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >>>
> >>> _______________________________________________
> >>> Moose-dev mailing list
> >>> [hidden email]
> >>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >>
> >> --
> >> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> >> Alexandre Bergel  http://www.bergel.eu
> >> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> >>
> >>
> >>
> >> _______________________________________________
> >> Moose-dev mailing list
> >> [hidden email]
> >> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> >
> >
> > _______________________________________________
> > Moose-dev mailing list
> > [hidden email]
> > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
>
>
> --
> www.tudorgirba.com
>
> "Every thing has its own flow"
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>

> <script-test-scrollbars><RoassalScroller.st>_______________________________________________

> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev