优化 '资源包安装' 布局

Minecraft/资源包安装.json

@@ -1,5 +1,5 @@
 {
-    "__Author__": "WTP016",
+    "__Author__": "WTP016、林小槐",
 	"Title": "安装 Minecraft 资源包（材质包）",
 	"Description": "如何在 Minecraft 安装资源包",
 	"Types": ["Minecraft"],

Minecraft/资源包安装.xaml

@@ -10,57 +10,81 @@
 
 <local:MyCard Title="通用方法" Margin="0,0,0,15">
     <StackPanel Margin="25,40,23,15">
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="在 PCL2 启动器中找到您想要安装资源包的版本，如教程内选择 1.16.5 作为演示。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/Ptgj5deK37ZkFBL.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="点击最右侧的齿轮，打开 “版本设置”。 "/>
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/xR7BiQKX4CgTVGS.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="点击下方 “打开版本文件夹” 按钮。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/srbceVMR1m3oFj6.png" />        
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="此时，您应该能看到如下图一样的页面。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/aMwDAe6JTPOFhB2.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="打开 ”resourcepacks“ 文件夹。"  />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/zwLQsn3ScbVCprZ.png" />  
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="将您的资源包拖入 ”resourcepacks“ 文件夹。"/>
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/mZ7RhoElIeD1rH4.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="注: 部分资源包为套娃结构，即在资源包主体 .zip 文件内仍有一个文件夹，您也可以将整个文件夹存放至 “resourcepacks” 文件夹 (如下图)" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/G8LCameZBX73PHd.png"/>
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="启动您的游戏，打开选项——资源包。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/lTvcOCedmzUZ7tP.png" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/qoDdbHTMQjEScJa.png" /> 
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="此时，您应该能看到左侧 “可用” 列表中有您下载的资源包名称，将指针移动至图标上方，将出现一个箭头，点击箭头，此时您应该可以看到此资源包移动到了右侧 “已选” 列表，点击 “完成” 应用资源包。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/JeEOFwsD76Mga4Q.png" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/KE5ha7yvgIe3tC9.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="等待红色 Mojang 进度条至尽头，资源包就已加载完成。"/>             
+        <Grid>
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="1. 在 PCL2 启动器中找到您想要安装资源包的版本，如教程内选择 1.16.5 作为演示。" HorizontalAlignment="Left" />
+            <Image Margin="250,0,0,0" HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/Ptgj5deK37ZkFBL.png" />        
+        </Grid>
+        
+        <Grid Margin="0,20,0,4">
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="2. 点击最右侧的齿轮打开 “版本设置”，点击下方 “打开版本文件夹” 按钮。" HorizontalAlignment="Left" />
+            <Image Margin="250,0,0,0" HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/srbceVMR1m3oFj6.png" />        
+        </Grid>
+
+        <Grid Margin="0,20,0,4">
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="3. 此时，您应该能在弹出的资源管理器界面中看见 “resourcepacks” 文件夹。" HorizontalAlignment="Left" />
+            <Image Margin="250,0,0,0" HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/zwLQsn3ScbVCprZ.png" />        
+        </Grid>
+        
+        <Grid Margin="0,20,0,4">
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="4. 打开 “resourcepacks” 文件夹，并将您的资源包拖入 ”resourcepacks“ 文件夹。" HorizontalAlignment="Left" />
+            <Image Margin="250,0,0,0" HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/mZ7RhoElIeD1rH4.png" />        
+        </Grid>
+
+        <local:MyHint Margin="0,15,0,0" Text="注意：部分资源包压缩包主体内套入了一个文件夹，此时你可以直接将此文件夹解压至 “resourcepacks” 文件夹使用。（如下图）" IsWarn="False" />
+        <Image HorizontalAlignment="Center" Margin="50,15,50,0" Source="https://i.loli.net/2021/04/24/G8LCameZBX73PHd.png"/>
     </StackPanel>
 </local:MyCard>
 
-<local:MyCard Title="对于 1.16+ 的安装方法" Margin="0,0,0,15">
+<local:MyCard Title="启用材质包" Margin="0,0,0,15">
     <StackPanel Margin="25,40,23,15">
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="对于 Minecraft 1.16 及以上版本，还有另外一种更加简单便捷的方法安装资源包。" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="启动您的游戏，打开选项——资源包。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/lTvcOCedmzUZ7tP.png" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/qoDdbHTMQjEScJa.png" /> 
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="找到您下载的资源包，将其文件拖至 Minecraft 窗口内。此时会弹出一个提示，点击“是”。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/1i6fVT42CHpuWFq.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="此时，您应该能看到左侧 “可用” 列表中有您下载的资源包名称，将指针移动至图标上方，将出现一个箭头，点击箭头，此时您应该可以看到此资源包移动到了右侧 “已选” 列表，点击 “完成” 应用资源包。" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/JeEOFwsD76Mga4Q.png" />
-        <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/KE5ha7yvgIe3tC9.png" />
-        <TextBlock TextWrapping="Wrap" Margin="0,0,0,4"
-                   Text="等待红色 Mojang 进度条至尽头，资源包就已加载完成。"/>    
+        <Grid>
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="1. 启动您的游戏，打开 “选项 > 资源包”。" HorizontalAlignment="Left" />
+                <StackPanel Margin="250,0,0,0">
+                    <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/lTvcOCedmzUZ7tP.png" />
+                    <Image HorizontalAlignment="Center" Margin="0,15,0,0" Source="https://i.loli.net/2021/04/24/qoDdbHTMQjEScJa.png" /> 
+                </StackPanel>
+        </Grid>
+
+        <Grid Margin="0,20,0,4">
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="2. 此时，您应该能看到左侧 “可用” 列表中有您下载的资源包名称，将指针移动至图标上方，将出现一个箭头，点击箭头，此时您应该可以看到此资源包移动到了右侧 “已选” 列表，点击 “完成” 应用资源包。" HorizontalAlignment="Left" />
+            <StackPanel Margin="250,0,0,0">
+                <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/JeEOFwsD76Mga4Q.png" />
+                <Image HorizontalAlignment="Center" Margin="0,15,0,0" Source="https://i.loli.net/2021/04/24/KE5ha7yvgIe3tC9.png" />
+            </StackPanel>        
+        </Grid>
+
+        <TextBlock TextWrapping="Wrap" Margin="0,15,0,4"
+                   Text="3. 最后，等待红色 Mojang 进度条至尽头，资源包就已加载完成。"/>
+    </StackPanel>
+</local:MyCard>
+
+<local:MyCard Title="对于 1.16 以上版本的安装方法" Margin="0,0,0,15" CanSwap="True" IsSwaped="True">
+    <StackPanel Margin="25,40,23,15">
+        <local:MyHint Text="这是 1.16 以上版本的新的更便捷的安装方式，你依旧可以使用上面的方式来安装材质。" IsWarn="False" />
+
+        <Grid Margin="0,20,0,4">
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="1. 启动您的游戏，打开选项——资源包。" HorizontalAlignment="Left" />
+                <StackPanel Margin="250,0,0,0">
+                    <Image HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/lTvcOCedmzUZ7tP.png" />
+                    <Image HorizontalAlignment="Center" Margin="0,15,0,0" Source="https://i.loli.net/2021/04/24/qoDdbHTMQjEScJa.png" />
+                </StackPanel>
+        </Grid>
+
+        <Grid Margin="0,20,0,4">
+            <TextBlock TextWrapping="Wrap" Margin="0,15,0,4" Width="200"
+                        Text="2. 找到您下载的资源包，将其文件直接拖至 Minecraft 窗口内。此时会弹出一个提示询问安装，点击 “是”。" HorizontalAlignment="Left" />
+            <Image Margin="250,0,0,0" HorizontalAlignment="Center" Source="https://i.loli.net/2021/04/24/1i6fVT42CHpuWFq.png" />        
+        </Grid>
+
+        <TextBlock TextWrapping="Wrap" Margin="0,15,0,4"
+                   Text="3. 最后，按照上一卡片的方式启用材质包即可。"/>
     </StackPanel>
 </local:MyCard>
-<local:MyHint Margin="0,0,0,15" Text="作者：WTP016" IsWarn="False" />
+<local:MyHint Margin="0,0,0,15" Text="作者：WTP016、林小槐" IsWarn="False" />