finish zh document and vertical layout design

BallanceTASEditor/MainWindow.xaml

@@ -74,7 +74,7 @@
             </MenuItem>
         </Menu>
 
-        <Grid x:Name="uiEditorNote" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" AllowDrop="True" Drop="funcDrop_Drop" DragEnter="funcDrop_DragEnter">
+        <Grid x:Name="uiEditorNote" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" AllowDrop="True" Drop="funcDrop_Drop" DragEnter="funcDrop_DragEnter" Visibility="Collapsed">
             <Rectangle StrokeThickness="4" Stroke="Gray" StrokeDashArray="4 4" Fill="#ffffff"/>
             <StackPanel Orientation="Horizontal">
                 <Viewbox Width="24" Height="24" Margin="20, 20, 0, 20" VerticalAlignment="Center">
@@ -87,11 +87,10 @@
 
         </Grid>
 
-        <Grid x:Name="uiEditorPanel" Grid.Row="1" Visibility="Collapsed">
+        <Grid x:Name="uiEditorPanel" Grid.Row="1">
             <Grid.RowDefinitions>
                 <RowDefinition Height="auto"/>
                 <RowDefinition Height="*"/>
-                <RowDefinition Height="auto"/>
             </Grid.RowDefinitions>
 
             <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.ColumnSpan="2">
@@ -127,7 +126,13 @@
                 </Button>
             </StackPanel>
 
-            <Border BorderThickness="1" BorderBrush="Gray" Grid.Row="1" Margin="5" Background="#ffffff">
+            <Grid x:Name="uiLayoutContainer" Grid.Row="1">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="*"/>
+                    <RowDefinition Height="auto"/>
+                </Grid.RowDefinitions>
+
+                <Border x:Name="uiTASFlowContainer" BorderThickness="1" BorderBrush="Gray" Grid.Row="0" Margin="5" Background="#ffffff">
                     <Grid x:Name="uiTASData">
                         <Grid.ContextMenu>
                             <ContextMenu>
@@ -167,21 +172,21 @@
                             <RowDefinition Height="*"/>
                         </Grid.RowDefinitions>
 
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="1" Text="{DynamicResource ui_TASFlow_Sheet_Frame}"/>
+                        <TextBlock x:Name="uiFlowHeader_Frame" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="1" Text="{DynamicResource ui_TASFlow_Sheet_Frame}"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="2" Text="{DynamicResource ui_TASFlow_Sheet_DeltaTime}"/>
+                        <TextBlock x:Name="uiFlowHeader_DeltaTime" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="2" Text="{DynamicResource ui_TASFlow_Sheet_DeltaTime}"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="3" Text="^"/>
+                        <TextBlock x:Name="uiFlowHeader_Up" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="3" Text="^"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="4" Text="v"/>
+                        <TextBlock x:Name="uiFlowHeader_Down" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="4" Text="v"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="5" Text="&lt;"/>
+                        <TextBlock x:Name="uiFlowHeader_Left" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="5" Text="&lt;"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="6" Text="&gt;"/>
+                        <TextBlock x:Name="uiFlowHeader_Right" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="6" Text="&gt;"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="7" Text="shift"/>
+                        <TextBlock x:Name="uiFlowHeader_Shift" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="7" Text="shift"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="8" Text="space"/>
+                        <TextBlock x:Name="uiFlowHeader_Space" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="8" Text="space"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="9" Text="q"/>
+                        <TextBlock x:Name="uiFlowHeader_Q" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="9" Text="q"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="10" Text="esc"/>
+                        <TextBlock x:Name="uiFlowHeader_Esc" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="10" Text="esc"/>
-                    <TextBlock Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="11" Text="enter"/>
+                        <TextBlock x:Name="uiFlowHeader_Enter" Padding="2" Background="#afafaf" Grid.Column="0" Grid.Row="11" Text="enter"/>
                     </Grid>
                 </Border>
 
-            <Grid Grid.Row="2" Margin="5">
+                <Grid x:Name="uiTASSliderContainer" Grid.Row="1" Margin="5">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="auto"/>
                         <ColumnDefinition Width="auto"/>
@@ -190,14 +195,14 @@
                         <ColumnDefinition Width="*"/>
                     </Grid.ColumnDefinitions>
 
-                <Button x:Name="uiBtn_FastMovePrev" Grid.Column="0" Margin="2" HorizontalAlignment="Center" Click="funcBtn_FastMovePrev">
+                    <Button x:Name="uiBtn_FastMovePrev" Grid.Column="0" Margin="2" HorizontalAlignment="Center" Click="funcBtn_FastMovePrev" RenderTransformOrigin="0.5, 0.5">
                         <Viewbox Width="16" Height="16">
                             <Canvas Width="24" Height="24">
                                 <Path Fill="Black" Data="M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z" />
                             </Canvas>
                         </Viewbox>
                     </Button>
-                <Button x:Name="uiBtn_MovePrev" Grid.Column="1" Margin="2" HorizontalAlignment="Center" Click="funcBtn_MovePrev">
+                    <Button x:Name="uiBtn_MovePrev" Grid.Column="1" Margin="2" HorizontalAlignment="Center" Click="funcBtn_MovePrev" RenderTransformOrigin="0.5, 0.5">
                         <Viewbox Width="16" Height="16" RenderTransformOrigin="0.5,0.5">
                             <Viewbox.RenderTransform>
                                 <RotateTransform Angle="-90"/>
@@ -207,7 +212,7 @@
                             </Canvas>
                         </Viewbox>
                     </Button>
-                <Button x:Name="uiBtn_MoveNext" Grid.Column="2" Margin="2" HorizontalAlignment="Center" Click="funcBtn_MoveNext">
+                    <Button x:Name="uiBtn_MoveNext" Grid.Column="2" Margin="2" HorizontalAlignment="Center" Click="funcBtn_MoveNext" RenderTransformOrigin="0.5, 0.5">
                         <Viewbox Width="16" Height="16" RenderTransformOrigin="0.5,0.5">
                             <Viewbox.RenderTransform>
                                 <RotateTransform Angle="-90"/>
@@ -217,17 +222,20 @@
                             </Canvas>
                         </Viewbox>
                     </Button>
-                <Button x:Name="uiBtn_FastMoveNext" Grid.Column="3" Margin="2" HorizontalAlignment="Center" Click="funcBtn_FastMoveNext">
+                    <Button x:Name="uiBtn_FastMoveNext" Grid.Column="3" Margin="2" HorizontalAlignment="Center" Click="funcBtn_FastMoveNext" RenderTransformOrigin="0.5, 0.5">
                         <Viewbox Width="16" Height="16">
                             <Canvas Width="24" Height="24">
                                 <Path Fill="Black" Data="M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z" />
                             </Canvas>
                         </Viewbox>
                     </Button>
-                <Slider x:Name="uiTASSlider" Margin="5,0,0,0" Grid.Column="4" SmallChange="1" LargeChange="10" Maximum="1" VerticalAlignment="Center">
+                    <Slider x:Name="uiTASSlider" Margin="2" Grid.Column="4" SmallChange="1" LargeChange="10" Maximum="1" VerticalAlignment="Center" RenderTransformOrigin="0.5, 0.5">
                     </Slider>
 
                 </Grid>
+                
+            </Grid>
+
         </Grid>
 
         <StatusBar x:Name="uiStatusbar" Grid.Row="2">

BallanceTASEditor/MainWindow.xaml.cs

@@ -23,9 +23,31 @@ namespace BallanceTASEditor {
         public MainWindow() {
             InitializeComponent();
 
-            mFlow = new TASFlow(uiTASData);
+            // init layout controller
-            mSlider = new TASSlider(uiTASSlider);
+            var headers = new List<TextBlock>();
+            headers.Add(uiFlowHeader_Frame);
+            headers.Add(uiFlowHeader_DeltaTime);
+            headers.Add(uiFlowHeader_Up);
+            headers.Add(uiFlowHeader_Down);
+            headers.Add(uiFlowHeader_Left);
+            headers.Add(uiFlowHeader_Right);
+            headers.Add(uiFlowHeader_Shift);
+            headers.Add(uiFlowHeader_Space);
+            headers.Add(uiFlowHeader_Q);
+            headers.Add(uiFlowHeader_Esc);
+            headers.Add(uiFlowHeader_Enter);
+            mFlow = new TASFlow(uiTASData, headers.ToArray());
 
+            var components = new TASSliderComponents();
+            components.container = uiTASSliderContainer;
+            components.btnFastPrev = uiBtn_FastMovePrev;
+            components.btnPrev = uiBtn_MovePrev;
+            components.btnNext = uiBtn_MoveNext;
+            components.btnFastNext = uiBtn_FastMoveNext;
+            components.mSlider = uiTASSlider;
+            mSlider = new TASSlider(components); ;
+
+            // refresh ui and load cfg
             RefreshUI(false);
             ApplyConfigureManager();
         }
@@ -428,8 +450,26 @@ namespace BallanceTASEditor {
         }
 
         private void ChangeLayout(bool isHorizontal) {
+            // swap window size
+            var swap = this.Width;
+            this.Width = this.Height;
+            this.Height = swap;
+            // change self layout first
+            uiLayoutContainer.RowDefinitions.Clear();
+            uiLayoutContainer.ColumnDefinitions.Clear();
+            if (isHorizontal) {
+                UI.Util.GridRowAdder(uiLayoutContainer, new GridLength(1, GridUnitType.Star));
+                UI.Util.GridRowAdder(uiLayoutContainer, GridLength.Auto);
+            } else {
+                UI.Util.GridColumnAdder(uiLayoutContainer, new GridLength(1, GridUnitType.Star));
+                UI.Util.GridColumnAdder(uiLayoutContainer, GridLength.Auto);
+            }
+            UI.Util.SwapGridItemRC(uiTASFlowContainer);
+            UI.Util.SwapGridItemRC(uiTASSliderContainer);
+
+            // change sub layout
             mFlow.ChangeLayout(isHorizontal);
-            // todo: add more change
+            mSlider.ChangeLayout(isHorizontal);
         }
 
     }

BallanceTASEditor/UI/TASFlow.cs

@@ -16,8 +16,9 @@ using System.Windows.Shapes;
 
 namespace BallanceTASEditor.UI {
     public partial class TASFlow {
-        public TASFlow(Grid coreWindow) {
+        public TASFlow(Grid coreWindow, TextBlock[] headers) {
             uiCoreWindow = coreWindow;
+            mHeaders = headers;
             mItemList = new List<TASFlowUIItem>();
             mRectMap = new Dictionary<Rectangle, CellPosition>();
             mItemCount = 0;
@@ -27,6 +28,9 @@ namespace BallanceTASEditor.UI {
 
         public event Action Click;
 
+        private const double SELECTION_HEADER_HEIGHT = 10.0f; // header selection height, originally copied from TASFlowItem class
+
+        private readonly TextBlock[] mHeaders;
         private bool mIsHorizontalLayout;
         private Grid uiCoreWindow;
         private int mItemCount;
@@ -36,10 +40,73 @@ namespace BallanceTASEditor.UI {
         public List<FrameDataDisplay> DataSources { get; set; }
 
         public void ChangeLayout(bool isHorizontal) {
+            if (isHorizontal == mIsHorizontalLayout) return;
+
             // the layout changed, re-construct elements
-            if (isHorizontal != mIsHorizontalLayout) {
+            mIsHorizontalLayout = isHorizontal;
-                // todo: change layout
+
+            // delete original grid layout
+            var lenHeader = mHeaders.Length;
+            uiCoreWindow.ColumnDefinitions.Clear();
+            uiCoreWindow.RowDefinitions.Clear();
+
+            // add header layout
+            if (mIsHorizontalLayout) {
+                // horizontal layout
+                // row is header count
+                // column is tas unit
+
+                // header
+                layout_row_adder(new GridLength(SELECTION_HEADER_HEIGHT, GridUnitType.Pixel));
+                for (int r = 0; r < lenHeader; r++) {
+                    layout_row_adder(GridLength.Auto);
                 }
+                layout_row_adder(new GridLength(1, GridUnitType.Star));
+
+                // tas unit
+                layout_column_adder(GridLength.Auto);
+                for (int c = 0; c < mItemCount; c++) {
+                    layout_column_adder(new GridLength(1, GridUnitType.Star));
+                }
+            } else {
+                // vertical layout
+                // row is tas unit
+                // column is header count (use start to split, not auto)
+
+                // header
+                layout_column_adder(new GridLength(SELECTION_HEADER_HEIGHT, GridUnitType.Pixel));
+                for (int r = 0; r < lenHeader; r++) {
+                    if (r == 0 || r == 1) 
+                        layout_column_adder(GridLength.Auto);
+                    else 
+                        layout_column_adder(new GridLength(1, GridUnitType.Star));
+                }
+                //layout_column_adder(new GridLength(1, GridUnitType.Star));
+
+                // tas unit
+                layout_row_adder(GridLength.Auto);
+                for (int c = 0; c < mItemCount; c++) {
+                    layout_row_adder(new GridLength(1, GridUnitType.Star));
+                }
+            }
+
+            // now, change items attach prop
+            // just swap Grid.Row and Grid.Column's number
+            foreach (var item in mHeaders) {
+                var swap = Grid.GetColumn(item);
+                Grid.SetColumn(item, Grid.GetRow(item));
+                Grid.SetRow(item, swap);
+            }
+            foreach (var item in mItemList) {
+                item.FlipUnit();
+            }
+
+        }
+        private void layout_row_adder(GridLength size) {
+            UI.Util.GridRowAdder(uiCoreWindow, size);
+        }
+        private void layout_column_adder(GridLength size) {
+            UI.Util.GridColumnAdder(uiCoreWindow, size);
         }
 
         public void RefreshDataSources() {
@@ -58,18 +125,24 @@ namespace BallanceTASEditor.UI {
             // change column defination first
             if (offset > 0) {
                 for (int i = 0; i < abs; i++) {
-                    var item = new ColumnDefinition();
+                    if (mIsHorizontalLayout) {
-                    item.Width = new GridLength(1, GridUnitType.Star);
+                        layout_column_adder(new GridLength(1, GridUnitType.Star));
-                    uiCoreWindow.ColumnDefinitions.Add(item);
+                    } else {
+                        layout_row_adder(new GridLength(1, GridUnitType.Star));
+                    }
                 }
             } else {
+                if (mIsHorizontalLayout) {
                     uiCoreWindow.ColumnDefinitions.RemoveRange(newCount + 1, abs);  // the first col is sheet header, so add 1 additionally
+                } else {
+                    uiCoreWindow.RowDefinitions.RemoveRange(newCount + 1, abs);  // the first col is sheet header, so add 1 additionally
+                }
             }
 
             // add / remove item
             if (offset > 0) {
                 for (int i = 0; i < abs; i++) {
-                    var newItem = new TASFlowUIItem(mItemCount + 1 + i);    // the first col is sheet header, so add 1 additionally
+                    var newItem = new TASFlowUIItem(mItemCount + 1 + i, mIsHorizontalLayout);    // the first col is sheet header, so add 1 additionally
                     newItem.Add(uiCoreWindow, mRectMap, Rectangle_MouseDown);
                     mItemList.Add(newItem);
                 }
@@ -177,20 +250,28 @@ namespace BallanceTASEditor.UI {
         private static readonly Color COLOR_SELECTED = Colors.OrangeRed;
         private static readonly Color COLOR_UNSELECTED = Colors.LightGray;
         private const int KEY_COUNT = 9;
-        private const double SELECTION_HEADER_HEIGHT = 10.0f;
 
-        public TASFlowUIItem(int column) {
+        public TASFlowUIItem(int column, bool useHorizontalLayout) {
             // basic item
             sel_rect = new Rectangle();
             frame = new TextBlock();
             deltaTime = new TextBlock();
 
+            if (useHorizontalLayout) {
                 Grid.SetRow(sel_rect, 0);
                 Grid.SetRow(frame, 1);
                 Grid.SetRow(deltaTime, 2);
                 Grid.SetColumn(sel_rect, column);
                 Grid.SetColumn(frame, column);
                 Grid.SetColumn(deltaTime, column);
+            } else {
+                Grid.SetColumn(sel_rect, 0);
+                Grid.SetColumn(frame, 1);
+                Grid.SetColumn(deltaTime, 2);
+                Grid.SetRow(sel_rect, column);
+                Grid.SetRow(frame, column);
+                Grid.SetRow(deltaTime, column);
+            }
 
             sel_rect.Margin = RECT_MARGIN;
             frame.Margin = DEFAULT_MARGIN;
@@ -198,7 +279,7 @@ namespace BallanceTASEditor.UI {
 
             sel_rect.StrokeThickness = 2;
             sel_rect.Stroke = SEL_RECT_STROKE;
-            sel_rect.Height = SELECTION_HEADER_HEIGHT;
+            //sel_rect.Height = SELECTION_HEADER_HEIGHT;    // now sel_rect's size decided by layout
 
             // keystates item
             keystates = new Rectangle[KEY_COUNT];
@@ -208,8 +289,13 @@ namespace BallanceTASEditor.UI {
                 keystates[i] = new Rectangle();
                 keystatesFill[i] = new SolidColorBrush(COLOR_UNSET);
                 keystatesStroke[i] = new SolidColorBrush(COLOR_UNSELECTED);
+                if (useHorizontalLayout) {
                     Grid.SetRow(keystates[i], 3 + i);
                     Grid.SetColumn(keystates[i], column);
+                } else {
+                    Grid.SetColumn(keystates[i], 3 + i);
+                    Grid.SetRow(keystates[i], column);
+                }
                 keystates[i].Margin = RECT_MARGIN;
                 keystates[i].StrokeThickness = 3;
                 keystates[i].Stroke = keystatesStroke[i];
@@ -221,6 +307,15 @@ namespace BallanceTASEditor.UI {
             rawIsEnable = false;
         }
 
+        public void FlipUnit() {
+            UI.Util.SwapGridItemRC(sel_rect);
+            UI.Util.SwapGridItemRC(frame);
+            UI.Util.SwapGridItemRC(deltaTime);
+            for (int i = 0; i < KEY_COUNT; i++) {
+                UI.Util.SwapGridItemRC(keystates[i]);
+            }
+        }
+
         public void Add(Grid target, Dictionary<Rectangle, CellPosition> map, MouseButtonEventHandler func) {
             target.Children.Add(sel_rect);
             target.Children.Add(frame);

BallanceTASEditor/UI/TASSlider.cs

@@ -16,29 +16,94 @@ using System.Windows.Shapes;
 
 namespace BallanceTASEditor.UI {
     public class TASSlider {
-        public TASSlider(Slider slider) {
+        public TASSlider(TASSliderComponents _components) {
-            mSlider = slider;
+            components = _components;
-            mSlider.Minimum = 0;
+            components.mSlider.Minimum = 0;
+            mIsHorizontalLayout = true;
 
-            mSlider.ValueChanged += func_SliderValueChanged;
+            components.mSlider.ValueChanged += func_SliderValueChanged;
         }
 
         public event Action<long> ValueChanged;
-        Slider mSlider;
+        TASSliderComponents components;
+        bool mIsHorizontalLayout;
 
         public void MoveSliderManually(bool isPrev, bool isFast, int fastCount) {
             var step = isFast ? fastCount : 1;
-            mSlider.Value = Util.Clamp(mSlider.Value.ToInt32() + (isPrev ? -1 : 1) * step, mSlider.Minimum.ToInt32(), mSlider.Maximum.ToInt32());
+            components.mSlider.Value = Core.Util.Clamp(components.mSlider.Value.ToInt32() + (isPrev ? -1 : 1) * step, components.mSlider.Minimum.ToInt32(), components.mSlider.Maximum.ToInt32());
         }
 
         public void UpdateRange(TASFile mFile) {
-            mSlider.Maximum = mFile.mFrameCount - 1;
+            components.mSlider.Maximum = mFile.mFrameCount - 1;
-            mSlider.Value = mFile.GetPointerIndex();
+            components.mSlider.Value = mFile.GetPointerIndex();
         }
 
         private void func_SliderValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) {
             ValueChanged?.Invoke(e.NewValue.ToInt64());
         }
 
+        public void ChangeLayout(bool isHorizontal) {
+            if (isHorizontal == mIsHorizontalLayout) return;
+
+            // the layout changed, re-construct elements
+            mIsHorizontalLayout = isHorizontal;
+
+            // change container
+            components.container.RowDefinitions.Clear();
+            components.container.ColumnDefinitions.Clear();
+            if (mIsHorizontalLayout) {
+                for(int i = 0; i < 4; i++) {
+                    UI.Util.GridColumnAdder(components.container, GridLength.Auto);
+                }
+                UI.Util.GridColumnAdder(components.container, new GridLength(1, GridUnitType.Star));
+            } else {
+                for (int i = 0; i < 4; i++) {
+                    UI.Util.GridRowAdder(components.container, GridLength.Auto);
+                }
+                UI.Util.GridRowAdder(components.container, new GridLength(1, GridUnitType.Star));
+            }
+
+            // flip elements
+            UI.Util.SwapGridItemRC(components.btnFastPrev);
+            UI.Util.SwapGridItemRC(components.btnPrev);
+            UI.Util.SwapGridItemRC(components.btnNext);
+            UI.Util.SwapGridItemRC(components.btnFastNext);
+            UI.Util.SwapGridItemRC(components.mSlider);
+
+            // change transform
+            if (mIsHorizontalLayout) {
+                // clear all btn's transform and set slider as horizontal style
+                components.btnFastPrev.RenderTransform = Transform.Identity;
+                components.btnPrev.RenderTransform = Transform.Identity;
+                components.btnNext.RenderTransform = Transform.Identity;
+                components.btnFastNext.RenderTransform = Transform.Identity;
+
+                components.mSlider.RenderTransform = Transform.Identity;
+                components.mSlider.Orientation = Orientation.Horizontal;
+                components.mSlider.VerticalAlignment = VerticalAlignment.Center;
+                components.mSlider.HorizontalAlignment = HorizontalAlignment.Stretch;
+            } else {
+                components.btnFastPrev.RenderTransform = new RotateTransform(90);
+                components.btnPrev.RenderTransform = new RotateTransform(90);
+                components.btnNext.RenderTransform = new RotateTransform(90);
+                components.btnFastNext.RenderTransform = new RotateTransform(90);
+
+                components.mSlider.RenderTransform = new RotateTransform(180);
+                components.mSlider.Orientation = Orientation.Vertical;
+                components.mSlider.VerticalAlignment = VerticalAlignment.Stretch;
+                components.mSlider.HorizontalAlignment = HorizontalAlignment.Center;
+            }
+
+        }
+
+    }
+
+    public class TASSliderComponents {
+        public Grid container;
+        public Button btnFastPrev;
+        public Button btnPrev;
+        public Button btnNext;
+        public Button btnFastNext;
+        public Slider mSlider;
     }
 }

BallanceTASEditor/UI/Util.cs

@@ -3,9 +3,38 @@ using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
 
 namespace BallanceTASEditor.UI {
 
+    public static class Util {
+        public static void GridRowAdder(Grid container, GridLength size) {
+            var item = new RowDefinition();
+            item.Height = size;
+            container.RowDefinitions.Add(item);
+        }
+
+        public static void GridColumnAdder(Grid container, GridLength size) {
+            var item = new ColumnDefinition();
+            item.Width = size;
+            container.ColumnDefinitions.Add(item);
+        }
+
+        public static void SwapGridItemRC(UIElement item) {
+            var swap = Grid.GetColumn(item);
+            Grid.SetColumn(item, Grid.GetRow(item));
+            Grid.SetRow(item, swap);
+        }
+    }
+
     public enum ToolMode {
         Cursor,
         Fill,

README_ZH.md

@@ -2,20 +2,42 @@
 
 一款专门用于编辑Ballance TAS文件的编辑器
 
-## 基本操作
+## 基本界面
 
-### 菜单
+### 程序菜单
 
-* File
+* 文件
-  * Open：打开一个TAS文件
+  * 打开：打开一个TAS文件
-  * Save：保存当前改动到TAS文件
+  * 保存：保存当前改动到TAS文件
-  * Save As...：将当前改动保存到另一个新地方，保存完毕后文件自动切换成新目标，之后的保存操作将针对新文件来保存
+  * 另存为...：将当前改动保存到另一个新地方，保存完毕后文件自动切换成新目标，之后的保存操作将针对新文件来保存
-  * Close：关闭当前文件
+  * 关闭：关闭当前文件
-* Display
+* 编辑
-  * Item Count：设置一行显示多少个TAS操作单元：最少5个，最多30个
+  * 撤销：撤销上一步操作
-* Help
+  * 重做：重做上个撤销的操作
-  * Report bugs：打开一个网页来汇报这个程序的Bug
+  * 项个数：设置一个页面显示多少个TAS操作单元。
-  * About：关于此程序
+  * 覆盖式粘贴：决定粘贴时的操作是插入式还是覆盖式，详情请查看“覆盖式粘贴”章节
+  * 横向布局：决定TAS单元的显示方向，选中为横向布局，不选中则为纵向布局
+* 帮助
+  * 汇报漏洞：打开一个网页来汇报这个程序的Bug
+  * 关于：关于此程序
+
+### TAS单元菜单
+
+在TAS单元页面右键将打开一个操作菜单，其会根据您当前选择的工具，和选中的项目决定可以做的操作：
+
+|操作|需要的模式|需要的选中|作用|
+|:---|:---|:---|:---|
+|设置|填充模式|多选|设置选中单元为设置状态|
+|不设置|填充模式|多选|设置选中单元为不设置状态|
+|剪切|选择模式|多选|剪切选中单元|
+|复制|选择模式|多选|复制选中单元|
+|粘贴于后方|选择模式|单选|在其后方粘贴剪贴板中已复制的单元|
+|粘贴于前方|选择模式|单选|在其前方粘贴剪贴板中已复制的单元|
+|删除|选择模式|单选|删除选中单元|
+|向后删除|选择模式|单选|删除当前选中单元，将光标移至后一项|
+|向前删除|选择模式|单选|删除当前选中单元之前的一项|
+|在后方添加新项|选择模式|单选|在其后方添加空白单元|
+|在前方添加新项|选择模式|单选|在其前方添加空白单元|
 
 ### 状态栏
 
@@ -25,7 +47,6 @@
 
 打开文件后，靠近底部有一个滑条，可以快速滑动到希望浏览的位置。  
 滑条左侧有4个按钮，分别是：快退，退一个单元，进一个单元，快进。快进和快退将一次性前进或后退一个页面的单元数量。
-键盘上的ASDF四个键从左至右也分别对应滑条左侧的四个按钮的功能。
 
 ## 模式介绍
 
@@ -33,9 +54,9 @@
 
 打开文件后，上部3个带有图标的按钮，是TAS编辑器的三种模式，它们分别是：
 
-* Select mode：选择模式：允许成列的选择TAS操作单元。在此模式下可以进行复制，粘贴，插入和删除操作。
+* 选择模式：允许成列的选择TAS操作单元。在此模式下可以进行复制，粘贴，插入和删除操作。
-* Fill mode：填充模式：像编辑表格那样，允许多列选择和跨行选择（但必须连续），并且支持在选择区域内批量设置或不设置项目
+* 填充模式：像编辑表格那样，允许多列选择和跨行选择（但必须连续），并且支持在选择区域内批量设置或不设置项目
-* Draw mode：绘画模式：将鼠标视为画笔，反转点击的单元格的设置状态。
+* 画笔模式：将鼠标视为画笔，反转点击的单元格的设置状态。
 
 ### 如何单选与多选
 
@@ -43,6 +64,7 @@
 
 选择模式和填充模式允许多选，具体操作是点击某个单元格作为起始位置，然后按住Shift点击第二个单元格作为终止位置。完成多选。  
 再次左键单击重新开始一次选择。再次按住Shift左键单击重新选定终止位置。  
+如果您仅仅只需要选中一个单元格，但是要求的操作需要多选，可以再按Shift点击当前单元完成多选。
 
 ### 选择的标识
 
@@ -50,18 +72,25 @@
 
 填充模式下，选中的单元格的外边框将从灰色变为橘色。
 
-### 模式中的菜单
+## 特殊操作
 
-在表格页面右键将打开一个操作菜单，如下：
+### 覆盖式粘贴与插入式粘贴
 
-* Set：位于填充模式且已多选时，设置选中单元为设置状态
+覆盖式粘贴与插入式粘贴为粘贴的两种模式。  
-* Unset：位于填充模式且已多选时，设置选中单元为不设置状态
+插入式粘贴为在选中项前或后方插入剪贴板内的内容。  
-* Copy：位于选择模式且已多选时，复制选中单元
+覆盖式粘贴则将会以当前选中单元为粘贴的头或尾，向前或向后覆盖式写入剪贴板内的内容，如果后方或前方数据长度不够，则会添加额外的项目补充。
-* Delete：位于选择模式且已多选时，删除选中单元
+
-* Paste after this：位于选择模式且已单选时，在其前方粘贴剪贴板中已复制的单元
+### 快捷键
-* Paste before this：位于选择模式且已单选时，在其后方粘贴剪贴板中已复制的单元
+
-* Add blank item after this：位于选择模式且已单选时，在其前方添加空白单元
+* 键盘上的ASDF四个键从左至右也分别对应滑条左侧的四个按钮的功能。
-* Add blank item before this：位于选择模式且已单选时，在其后方添加空白单元
+* `Ctrl + O`：打开文件
+* `Ctrl + S`：保存文件
+* `Ctrl + Z`：撤销
+* `Ctrl + Y`：重做
+* `Ctrl + X`：剪切
+* `Ctrl + C`：复制
+* `Delete`：向后删除
+* `Backspace`：向前删除
 
 ## 出错啦