From 4a7c15513cdb408c95cf0cbe2bcfe54d270c7089 Mon Sep 17 00:00:00 2001
From: Doriel Rivalet <100863878+DorielRivalet@users.noreply.github.com>
Date: Wed, 19 Oct 2022 06:43:38 -0300
Subject: [PATCH] feat: implement scrollable tabs in config window

---
 MHFZ_Overlay/ConfigWindow.xaml | 139 +++++++++++++++++++++++++++++++++
 img/icon/dure2.png             | Bin 0 -> 5053 bytes
 2 files changed, 139 insertions(+)
 create mode 100644 img/icon/dure2.png

diff --git a/MHFZ_Overlay/ConfigWindow.xaml b/MHFZ_Overlay/ConfigWindow.xaml
index bdef8db2..7105c404 100644
--- a/MHFZ_Overlay/ConfigWindow.xaml
+++ b/MHFZ_Overlay/ConfigWindow.xaml
@@ -139,6 +139,33 @@
                 </Setter>
             </Style>
         </TabControl.Resources>
+
+        <!--https://stackoverflow.com/a/7041848/18859245-->
+        <TabControl.Template>
+            <ControlTemplate TargetType="TabControl">
+                <Grid>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto" />
+                        <RowDefinition />
+                    </Grid.RowDefinitions>
+                    <ScrollViewer HorizontalScrollBarVisibility="Auto"  VerticalScrollBarVisibility="Hidden" >
+                        <TabPanel x:Name="HeaderPanel"
+                          Panel.ZIndex ="1" 
+                          KeyboardNavigation.TabIndex="1"
+                          Grid.Column="0"
+                          Grid.Row="0"
+                          Margin="2,2,2,0"
+                          IsItemsHost="true"/>
+                    </ScrollViewer>
+                    <ContentPresenter x:Name="PART_SelectedContentHost"
+                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                      Margin="{TemplateBinding Padding}"
+                                      ContentSource="SelectedContent" Grid.Row="1"/>
+                </Grid>
+            </ControlTemplate>
+        </TabControl.Template>
+
+
         <TabItem ToolTip="General settings" Background="Transparent" Foreground="#cdd6f4">
             <TabItem.Header>
                 <StackPanel Background="Transparent" Orientation="Horizontal">
@@ -316,6 +343,7 @@
                                 <Button Background="Transparent" Grid.Row="2" x:Name="BtnImageFile" ToolTip="Export image" Content="{Binding Converter={StaticResource XamlIconToViewBoxConverter },ConverterParameter='icons/image_FILL0_wght400_GRAD0_opsz48.xaml'}"  Click="BtnImageFile_Click" Width="40" Style="{StaticResource ConfigBottomButtons}" Height="40"/>
                             </Grid>
 
+                            
                             <TabControl Margin="5" BorderBrush="Transparent" Background="Transparent" Grid.Row="0" Grid.Column="1">
                                 <TabControl.Resources>
                                     <Style TargetType="TabItem">
@@ -347,6 +375,32 @@
                                         </Setter>
                                     </Style>
                                 </TabControl.Resources>
+                                <TabControl.Template>
+                                    <ControlTemplate TargetType="TabControl">
+                                        <Grid>
+                                            <Grid.RowDefinitions>
+                                                <RowDefinition Height="Auto" />
+                                                <RowDefinition />
+                                            </Grid.RowDefinitions>
+                                            <ScrollViewer HorizontalScrollBarVisibility="Auto"  VerticalScrollBarVisibility="Hidden" >
+                                                <TabPanel x:Name="HeaderPanel"
+                          Panel.ZIndex ="1" 
+                          KeyboardNavigation.TabIndex="1"
+                          Grid.Column="0"
+                          Grid.Row="0"
+                          Margin="2,2,2,0"
+                          IsItemsHost="true"/>
+                                            </ScrollViewer>
+                                            <ContentPresenter x:Name="PART_SelectedContentHost"
+                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                      Margin="{TemplateBinding Padding}"
+                                      ContentSource="SelectedContent" Grid.Row="1"/>
+                                        </Grid>
+                                    </ControlTemplate>
+                                </TabControl.Template>
+
+
+
                                 <TabItem ToolTip="View Image" Background="#11111b" Foreground="#cdd6f4">
                                     <TabItem.Header>
                                         <StackPanel Orientation="Horizontal">
@@ -373,7 +427,92 @@
                                         </DockPanel>
                                     </Grid>
                                 </TabItem>
+                                <TabItem ToolTip="View Guild Food" Background="#11111b" Foreground="#cdd6f4">
+                                    <TabItem.Header>
+                                        <StackPanel Orientation="Horizontal">
+                                            <TextBlock Text="Guild Food" Margin="4,0,0,0" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </TabItem.Header>
+                                    <Grid>
+                                        <DockPanel Margin="5,5,5,5">
+                                            <ScrollViewer VerticalScrollBarVisibility="Visible">
+                                                <TextBlock ToolTip="" Text="text" TextWrapping="Wrap"/>
+                                            </ScrollViewer>
+                                        </DockPanel>
+                                    </Grid>
+                                </TabItem>
+                                <TabItem ToolTip="View Caravan Skills" Background="#11111b" Foreground="#cdd6f4">
+                                    <TabItem.Header>
+                                        <StackPanel Orientation="Horizontal">
+                                            <TextBlock Text="Caravan" Margin="4,0,0,0" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </TabItem.Header>
+                                    <Grid>
+                                        <DockPanel Margin="5,5,5,5">
+                                            <ScrollViewer VerticalScrollBarVisibility="Visible">
+                                                <TextBlock ToolTip="" Text="text" TextWrapping="Wrap"/>
+                                            </ScrollViewer>
+                                        </DockPanel>
+                                    </Grid>
+                                </TabItem>
+                                <TabItem ToolTip="View Road/Duremudira Skills" Background="#11111b" Foreground="#cdd6f4">
+                                    <TabItem.Header>
+                                        <StackPanel Orientation="Horizontal">
+                                            <TextBlock Text="Road/Duremudira Skills" Margin="4,0,0,0" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </TabItem.Header>
+                                    <Grid>
+                                        <DockPanel Margin="5,5,5,5">
+                                            <ScrollViewer VerticalScrollBarVisibility="Visible">
+                                                <TextBlock ToolTip="" Text="text" TextWrapping="Wrap"/>
+                                            </ScrollViewer>
+                                        </DockPanel>
+                                    </Grid>
+                                </TabItem>
+                                <TabItem ToolTip="View Armor Skills" Background="#11111b" Foreground="#cdd6f4">
+                                    <TabItem.Header>
+                                        <StackPanel Orientation="Horizontal">
+                                            <TextBlock Text="Armor Skills" Margin="4,0,0,0" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </TabItem.Header>
+                                    <Grid>
+                                        <DockPanel Margin="5,5,5,5">
+                                            <ScrollViewer VerticalScrollBarVisibility="Visible">
+                                                <TextBlock ToolTip="" Text="text" TextWrapping="Wrap"/>
+                                            </ScrollViewer>
+                                        </DockPanel>
+                                    </Grid>
+                                </TabItem>
+                                <TabItem ToolTip="View Motion Values" Background="#11111b" Foreground="#cdd6f4">
+                                    <TabItem.Header>
+                                        <StackPanel Orientation="Horizontal">
+                                            <TextBlock Text="Motion Values" Margin="4,0,0,0" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </TabItem.Header>
+                                    <Grid>
+                                        <DockPanel Margin="5,5,5,5">
+                                            <ScrollViewer VerticalScrollBarVisibility="Visible">
+                                                <TextBlock ToolTip="" Text="text" TextWrapping="Wrap"/>
+                                            </ScrollViewer>
+                                        </DockPanel>
+                                    </Grid>
+                                </TabItem>
+                                <TabItem ToolTip="View Hunting Horn Songs" Background="#11111b" Foreground="#cdd6f4">
+                                    <TabItem.Header>
+                                        <StackPanel Orientation="Horizontal">
+                                            <TextBlock Text="Hunting Horn Songs" Margin="4,0,0,0" VerticalAlignment="Center" />
+                                        </StackPanel>
+                                    </TabItem.Header>
+                                    <Grid>
+                                        <DockPanel Margin="5,5,5,5">
+                                            <ScrollViewer VerticalScrollBarVisibility="Visible">
+                                                <TextBlock ToolTip="" Text="text" TextWrapping="Wrap"/>
+                                            </ScrollViewer>
+                                        </DockPanel>
+                                    </Grid>
+                                </TabItem>
                             </TabControl>
+                            
                         </Grid>
                     
 
diff --git a/img/icon/dure2.png b/img/icon/dure2.png
new file mode 100644
index 0000000000000000000000000000000000000000..15e90926325bbfdeade2c4b38b0df8f24a88f66d
GIT binary patch
literal 5053
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
SnB3e!_eyDH$-d%-j{gB<lv1_;

literal 0
HcmV?d00001