https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • b
    Well, the rows are fixed size, but the cells can be merged in y direction.
  • b
    I mean, from UI point of view I can easily calculate height of the root item. Even all of them.
  • b
    Although I never load too many at once. But don't unload either. So user starts with like 50 items, but it can grows to thousands over day. Usually doesn't.
  • b
    Point is scrolling had to be fast.
  • b
    So I'm just wondering how difficult would be to port the app to pure Haxe with haxe-ui. 😄
  • b
    well, it certainly doesnt sound like a "zero effort" thing... and haxeui certainly doesnt do what you want out the box... id be interested to see the existing code though if you have some 🙂
  • b
    Oh, I can look, but it's been over 2 years I made it. 😄
  • b
    sure, just to get an idea really, code is much easier to follow than ideas i find 😄
  • b
    This was my starting point design. This was one problem and solution. (TLDR: Using 
    ItemsControl
    with settings to act like 
    ListView
    was faster than 
    ListView
    itself.)
  • b
    Which I ended up replacing with custom class:
    Copy code
    cs
    class MyItemsControl : ItemsControl, System.Windows.Controls.Primitives.IContainItemStorage {
        object System.Windows.Controls.Primitives.IContainItemStorage.ReadItemValue(object item, DependencyProperty dp) {
            VMOrder order = (VMOrder)item;
            return new Size(this.Width, (order.Items.SelectMany(x => x.ItemsFound).Count() + 1) * 22 + 13 + order.ExpandBottom);
            //return Helper.ReadItemValue(this, item, dp.GlobalIndex);
        }
        void System.Windows.Controls.Primitives.IContainItemStorage.StoreItemValue(object item, DependencyProperty dp, object value) {
            //Helper.StoreItemValue(this, item, dp.GlobalIndex, value);
        }
        void System.Windows.Controls.Primitives.IContainItemStorage.ClearItemValue(object item, DependencyProperty dp) {
            //Helper.ClearItemValue(this, item, dp.GlobalIndex);
        }
        void System.Windows.Controls.Primitives.IContainItemStorage.ClearValue(DependencyProperty dp) {
            //Helper.ClearItemValueStorage(this, new int[] { dp.GlobalIndex });
        }
        void System.Windows.Controls.Primitives.IContainItemStorage.Clear() {
            //Helper.ClearItemValueStorage(this);
        }
    }
  • b
    Basically removed all the caching and just calculated my own height based on data.
  • b
    Can I share more code here, or do you rather want some pastebin?
  • b
    sure - i dont mind either way
  • b
    Copy code
    xml
<local:MyItemsControl Grid.Row="2" ItemsSource="{Binding Orders}" x:Name="listView" localHelp:ItemsControlBehavior.SmartScroll="True"
            VirtualizingPanel.ScrollUnit="Pixel"
            VirtualizingPanel.VirtualizationMode="Recycling"
            VirtualizingPanel.CacheLength="1,1"
            VirtualizingPanel.IsVirtualizing="True"
            VirtualizingStackPanel.CleanUpVirtualizedItem="VirtualizingStackPanel_CleanUpVirtualizedItem"
            ScrollViewer.CanContentScroll="True"
            HorizontalContentAlignment="Stretch"
            SnapsToDevicePixels="True"
            FocusVisualStyle="{x:Null}"
            IsEnabled="{Binding Connection.ConnectionState, Converter={StaticResource connectionStateConverter}}"
                KeyboardNavigation.DirectionalNavigation="Continue">
    <ItemsControl.Style>
        <Style TargetType="ItemsControl">
            <Style.Triggers>
                <Trigger Property="IsEnabled" Value="False" >
                    <Setter Property="Opacity" Value="0.4"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ItemsControl.Style>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel RequestBringIntoView="VirtualizingStackPanel_RequestBringIntoView" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:OrderUserControl x:Name="item" Focusable="True" KeyboardNavigation.IsTabStop ="True" ExpandBottom="{Binding ExpandBottom}" />
        </DataTemplate>

    </ItemsControl.ItemTemplate>
    <ItemsControl.Template>
        <ControlTemplate>
            <ScrollViewer HorizontalScrollBarVisibility="Auto" ScrollChanged="ScrollViewer_ScrollChanged">
                <ItemsPresenter />
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
</local:MyItemsControl>
  • b
    This is the actual root xaml for the view. Using my own ItemsControl that I pasted before. Most of that is pretty basic setting. Few custom events to handle disabling cleanup for active Orders (that's the root item – customer order). I don't remember much of it by now, but there was a lot of little things to make sure it all worked.
  • b
    my first thought is "sure its possible"... my second thought is "i dont think its simple" 🙂
  • b
    Yeah. 😦
  • b
    Would be so sweet to have it work on multiple platforms.
  • b
    Then again I don't really have time anyway, but would like to know if it's even viable.
  • b
    well, i defo think its viable... just not a 10 min job... i also think it would probably make more sense to just extend ScrollView rather than TableView and create a totally new table view type of component
  • b
    at least, thats how i would probably tackle it
  • b
    Hmm, that didn't even occur to me back then.
  • b
    Seems like a lot of work to deal with all the loading/unloading of items, scrolling itself and such.
  • b
    in haxeui "TableView extends ScrollView"
  • b
    But given how long it took me to do that, I guess you're right.
  • b
    Yeah I understand. Not sure how it's in WPF. But logic is solid.
  • b
    so tables are just a very specialised scrollview really, the virtualisation is handled by scrollview (kinda)
  • b
    I did start with data grid view there. Eventually worked my way backwards to lower level, each step taking loads of time trying to make the component work well.
  • b
    so i feel if you have "MagicTable extends Tablview" you might end up fighting with tableview "stuff"
  • b
    Exactly what happened here. 😄
1...134135136...1687Latest