fuse-open / fuselibs

Fuselibs is the Uno-libraries that provide the UI framework used in Fuse apps
https://npmjs.com/package/@fuse-open/fuselibs
MIT License
176 stars 72 forks source link

WhileScrolling Trigger #1398

Closed ichan-mb closed 3 years ago

ichan-mb commented 3 years ago

Trigger that will active while the ScrollView is in motion

Example:

<App>
    <ClientPanel>
        <Panel>
            <Rectangle ux:Name="indicator" Color="#838383" CornerRadius="5" Width="8" Height="80" Alignment="TopRight"
                Opacity="0" />
            <ScrollView ux:Name="scrollview">
                <ScrollingAnimation>
                    <Move Y="0.95" Target="indicator" RelativeNode="scrollview" RelativeTo="Size" />
                </ScrollingAnimation>
                <WhileScrolling>
                    <Change indicator.Opacity="1" Duration="0.1" DelayBack="1" />
                </WhileScrolling>
                <StackPanel ItemSpacing="10">
                    <Each Count="100">
                        <Panel Height="40" Color="#CDCDCD">
                            <Text Value="Item #{index()}" Alignment="VerticalCenter" Margin="10" />
                        </Panel>
                    </Each>
                </StackPanel>
            </ScrollView>
        </Panel>
    </ClientPanel>
</App>

This PR contains:

mortend commented 3 years ago