MyPageRight.vb 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407
  1. Public Class MyPageRight
  2. Inherits AdornerDecorator
  3. Public PageUuid As Integer = GetUuid()
  4. '当前状态
  5. Public Enum PageStates
  6. Empty '默认状态,页面全空
  7. LoaderWait '加载环初始等待
  8. LoaderEnter '加载环进入动画
  9. LoaderStayForce '加载环正常显示(强制等待)
  10. LoaderStay '加载环正常显示
  11. LoaderExit '加载环退出动画
  12. ContentEnter '内容进入动画
  13. ContentStay '内容正常显示
  14. ContentExit '刷新导致的全部退出动画,或页面内容退出(子页面更改)导致的全部退出动画
  15. PageExit '切换页面导致的全部退出动画
  16. End Enum
  17. Private _PageState As PageStates = PageStates.Empty
  18. Public Property PageState As PageStates
  19. Get
  20. Return _PageState
  21. End Get
  22. Set(value As PageStates)
  23. If _PageState = value Then Exit Property
  24. _PageState = value
  25. If ModeDebug Then Log("[UI] 页面状态切换为 " & GetStringFromEnum(value))
  26. End Set
  27. End Property
  28. #Region "加载器"
  29. Private PageLoader As LoaderBase
  30. Private PageLoaderInputInvoke
  31. Private PageLoaderUi As MyLoading
  32. Private PanLoader As FrameworkElement
  33. Private PanContent As FrameworkElement
  34. Private PanAlways As FrameworkElement
  35. Private PageLoaderAutoRun As Boolean
  36. '初始化
  37. ''' <summary>
  38. ''' 表明页面存在需要在后台执行的加载器。
  39. ''' </summary>
  40. ''' <param name="LoaderUi">MyLoading 控件。</param>
  41. ''' <param name="PanLoader">MyLoading 控件对应的卡片。</param>
  42. ''' <param name="PanContent">加载结束后出现的内容容器。</param>
  43. ''' <param name="PanAlways">无论是否在加载总是要显示的容器。可以为 Nothing。</param>
  44. ''' <param name="RealLoader">在工作线程执行的加载器。</param>
  45. ''' <param name="FinishedInvoke">当加载器执行完成,在 UI 线程触发的 UI 初始化事件。</param>
  46. Public Sub PageLoaderInit(LoaderUi As MyLoading, PanLoader As FrameworkElement, PanContent As FrameworkElement, PanAlways As FrameworkElement,
  47. RealLoader As LoaderBase,
  48. Optional FinishedInvoke As Action(Of LoaderBase) = Nothing, Optional InputInvoke As Func(Of Object) = Nothing,
  49. Optional AutoRun As Boolean = True)
  50. '初始化参数
  51. Me.PanLoader = PanLoader
  52. Me.PanContent = PanContent
  53. Me.PanAlways = PanAlways
  54. Me.PageLoader = RealLoader
  55. Me.PageLoaderUi = LoaderUi
  56. Me.PageLoaderInputInvoke = InputInvoke
  57. Me.PageLoaderAutoRun = AutoRun
  58. '添加结束 Invoke
  59. If FinishedInvoke IsNot Nothing Then
  60. AddHandler RealLoader.PreviewFinish,
  61. Sub()
  62. Do While PageState = MyPageRight.PageStates.PageExit OrElse PageState = MyPageRight.PageStates.ContentExit
  63. Thread.Sleep(10) '不在退出动画时执行 UI 线程操作,避免退出动画被重置
  64. Loop
  65. RunInUiWait(Sub() FinishedInvoke(RealLoader))
  66. Thread.Sleep(20) '由于大量初始化控件会导致掉帧,延迟触发 State 改变事件
  67. End Sub
  68. End If
  69. AddHandler RealLoader.OnStateChangedUi, Sub(Loader As LoaderBase, NewState As LoadState, OldState As LoadState) RunInUi(Sub() PageLoaderState(Loader, NewState, OldState))
  70. '隐藏 UI
  71. PanLoader.Visibility = Visibility.Collapsed
  72. PanContent.Visibility = Visibility.Collapsed
  73. If PanAlways IsNot Nothing Then PanAlways.Visibility = Visibility.Collapsed
  74. '初次运行加载器
  75. If PageLoaderAutoRun Then
  76. If PageLoader.GetType.Name.StartsWith("LoaderTask") Then
  77. PageLoader.Start(CType(PageLoader, Object).StartGetInput(Nothing, PageLoaderInputInvoke))
  78. Else
  79. Dim Input = Nothing
  80. If PageLoaderInputInvoke IsNot Nothing Then Input = PageLoaderInputInvoke()
  81. PageLoader.Start(Input)
  82. End If
  83. End If
  84. If PageLoader.State = LoadState.Finished AndAlso FinishedInvoke IsNot Nothing Then
  85. RunInUiWait(Sub() FinishedInvoke(RealLoader)) '加载器已提前完成,直接触发事件
  86. End If
  87. '设置加载环
  88. PageLoaderUi.State = RealLoader
  89. AddHandler PageLoaderUi.Click, Sub() If RealLoader.State = LoadState.Failed Then PageLoaderRestart() '点击重试事件
  90. End Sub
  91. '重试
  92. Public Sub PageLoaderRestart(Optional Input As Object = Nothing, Optional IsForceRestart As Boolean = True) '由外部调用的重试
  93. If Not PageLoaderAutoRun Then Exit Sub
  94. If PageLoader.GetType.Name.StartsWith("LoaderTask") Then
  95. PageLoader.Start(CType(PageLoader, Object).StartGetInput(Input, PageLoaderInputInvoke), IsForceRestart:=IsForceRestart)
  96. Else
  97. If Input Is Nothing AndAlso PageLoaderInputInvoke IsNot Nothing Then Input = PageLoaderInputInvoke()
  98. PageLoader.Start(Input, IsForceRestart:=IsForceRestart)
  99. End If
  100. End Sub
  101. #End Region
  102. #Region "事件"
  103. '外部触发的事件
  104. ''' <summary>
  105. ''' 需要切换到当前页面,并且原本的 Loaded 事件已执行完成。
  106. ''' 需要根据加载器状态,从 Empty 切换到 ContentEnter、LoaderWait、LoaderEnter。
  107. ''' </summary>
  108. Public Sub PageOnEnter()
  109. If ModeDebug Then Log("[UI] 已触发 PageOnEnter")
  110. RaiseEvent PageEnter()
  111. Select Case PageState
  112. Case PageStates.Empty
  113. If PageLoader Is Nothing OrElse PageLoader.State = LoadState.Finished OrElse PageLoader.State = LoadState.Waiting OrElse PageLoader.State = LoadState.Aborted Then
  114. '如果加载器在进入页面时不启动(例如 HiPer 联机),那么在此时就会有 State = Waiting
  115. PageState = PageStates.ContentEnter
  116. TriggerEnterAnimation(PanAlways, If(PanContent, Child))
  117. ElseIf PageLoader.State = LoadState.Loading Then
  118. PageState = PageStates.LoaderWait
  119. AniStart(AaCode(AddressOf PageOnLoaderWaitFinished, 200), "PageRight PageChange " & PageUuid)
  120. Else 'PageLoader.State = LoadState.Failed
  121. PageState = PageStates.LoaderEnter
  122. TriggerEnterAnimation(PanAlways, PanLoader)
  123. End If
  124. Case PageStates.ContentExit
  125. '和上面的一样,但是不管 PanAlways
  126. If PageLoader Is Nothing OrElse PageLoader.State = LoadState.Finished OrElse PageLoader.State = LoadState.Waiting OrElse PageLoader.State = LoadState.Aborted Then
  127. PageState = PageStates.ContentEnter
  128. TriggerEnterAnimation(If(PanContent, Child))
  129. ElseIf PageLoader.State = LoadState.Loading Then
  130. PageState = PageStates.LoaderWait
  131. AniStart(AaCode(AddressOf PageOnLoaderWaitFinished, 200), "PageRight PageChange " & PageUuid)
  132. Else 'PageLoader.State = LoadState.Failed
  133. PageState = PageStates.LoaderEnter
  134. TriggerEnterAnimation(PanLoader)
  135. End If
  136. Case PageStates.ContentEnter '重复调用 PageOnEnter,直接忽略
  137. Case Else
  138. Throw New Exception("在状态为 " & GetStringFromEnum(PageState) & " 时触发了 PageOnEnter 事件。")
  139. End Select
  140. End Sub
  141. Public Event PageEnter()
  142. ''' <summary>
  143. ''' 需要切换到其他页面。
  144. ''' 需要立即切换至 PageExit 或 Empty。
  145. ''' </summary>
  146. Public Sub PageOnExit()
  147. If ModeDebug Then Log("[UI] 已触发 PageOnExit")
  148. Select Case PageState
  149. Case PageStates.ContentEnter, PageStates.ContentStay
  150. PageState = PageStates.PageExit
  151. TriggerExitAnimation(PanAlways, If(PanContent, Child))
  152. Case PageStates.LoaderEnter, PageStates.LoaderStayForce, PageStates.LoaderStay
  153. PageState = PageStates.PageExit
  154. TriggerExitAnimation(PanAlways, PanLoader)
  155. Case PageStates.LoaderWait
  156. PageState = PageStates.PageExit
  157. TriggerExitAnimation(PanAlways)
  158. Case PageStates.LoaderExit, PageStates.ContentExit
  159. PageState = PageStates.PageExit
  160. If PanAlways IsNot Nothing Then TriggerExitAnimation(PanAlways, If(PanContent, Child))
  161. Case PageStates.PageExit, PageStates.Empty
  162. End Select
  163. End Sub
  164. ''' <summary>
  165. ''' 即将切换到其他页面,需要强制完成页面状态清理。
  166. ''' 需要立即切换至 Empty。
  167. ''' </summary>
  168. Public Sub PageOnForceExit()
  169. If PageState = PageStates.Empty Then Exit Sub
  170. If ModeDebug Then Log("[UI] 已触发 PageOnForceExit")
  171. PageState = PageStates.Empty
  172. AniStop("PageRight PageChange " & PageUuid)
  173. '由于动画会被强制中止,所以需要手动进行隐藏
  174. If PageLoader Is Nothing Then
  175. Child.Visibility = Visibility.Collapsed
  176. Else
  177. PanContent.Visibility = Visibility.Collapsed
  178. PanLoader.Visibility = Visibility.Collapsed
  179. If PanAlways IsNot Nothing Then PanAlways.Visibility = Visibility.Collapsed
  180. End If
  181. End Sub
  182. ''' <summary>
  183. ''' PanContent 中的子页面改变,需要让当前内容退出,再显示新的内容。
  184. ''' 需要在 PageEnter 事件确认要显示的子页面有哪些。
  185. ''' </summary>
  186. Public Sub PageOnContentExit()
  187. If ModeDebug Then Log("[UI] 已触发 PageOnContentExit")
  188. If PageLoader IsNot Nothing AndAlso PageLoader.State = LoadState.Loading Then
  189. Throw New Exception("在调用 PageOnContentExit 时,加载器不能为 Loading 状态")
  190. 'Loading 的加载器可能触发进一步变化,难以预测会触发子页面的动画还是加载器完成的动画
  191. End If
  192. Select Case PageState
  193. Case PageStates.ContentEnter, PageStates.ContentStay
  194. PageState = PageStates.ContentExit
  195. TriggerExitAnimation(PanContent)
  196. Case PageStates.LoaderExit
  197. PageState = PageStates.ContentExit
  198. Case PageStates.LoaderEnter, PageStates.LoaderStayForce, PageStates.LoaderStay
  199. PageState = PageStates.ContentExit
  200. TriggerExitAnimation(PanLoader)
  201. Case PageStates.LoaderWait, PageStates.Empty
  202. PageOnEnter()
  203. End Select
  204. End Sub
  205. '内部触发的事件
  206. ''' <summary>
  207. ''' 逐个进入动画已执行完成。
  208. ''' 需要根据目前状态,从 ContentEnter 切换到 ContentStay,或从 LoaderEnter 切换到 LoaderStayForce。
  209. ''' </summary>
  210. Private Sub PageOnEnterAnimationFinished()
  211. If ModeDebug Then Log("[UI] 已触发 PageOnEnterAnimationFinished")
  212. Select Case PageState
  213. Case PageStates.ContentEnter
  214. PageState = PageStates.ContentStay
  215. Case PageStates.LoaderEnter
  216. PageState = PageStates.LoaderStayForce
  217. AniStart(AaCode(AddressOf PageOnLoaderStayFinished, 400), "PageRight PageChange " & PageUuid)
  218. Case Else
  219. Throw New Exception("在状态为 " & GetStringFromEnum(PageState) & " 时触发了 PageOnEnterAnimationFinished 事件。")
  220. End Select
  221. End Sub
  222. ''' <summary>
  223. ''' 逐个退出动画已执行完成。
  224. ''' 需要根据目前状态,从 AllExit 切换到 Empty,或从 LoaderExit 切换到 ContentEnter,或从 ContentExit 重新触发 PageOnEnter。
  225. ''' </summary>
  226. Private Sub PageOnExitAnimationFinished()
  227. If ModeDebug Then Log("[UI] 已触发 PageOnExitAnimationFinished")
  228. Select Case PageState
  229. Case PageStates.PageExit
  230. PageState = PageStates.Empty
  231. Case PageStates.ContentExit
  232. PageOnEnter()
  233. Case PageStates.LoaderExit
  234. PageState = PageStates.ContentEnter
  235. TriggerEnterAnimation(PanContent)
  236. Case Else
  237. Throw New Exception("在状态为 " & GetStringFromEnum(PageState) & " 时触发了 PageOnExitAnimationFinished 事件。")
  238. End Select
  239. End Sub
  240. ''' <summary>
  241. ''' 加载环进入等待已结束。
  242. ''' 需要从 LoaderWait 切换到 LoaderEnter。
  243. ''' </summary>
  244. Private Sub PageOnLoaderWaitFinished()
  245. If ModeDebug Then Log("[UI] 已触发 PageOnLoaderWaitFinished")
  246. Select Case PageState
  247. Case PageStates.LoaderWait
  248. PageState = PageStates.LoaderEnter
  249. If PanAlways IsNot Nothing AndAlso PanAlways.Visibility = Visibility.Collapsed Then
  250. TriggerEnterAnimation(PanAlways, PanLoader)
  251. Else
  252. TriggerEnterAnimation(PanLoader)
  253. End If
  254. Case Else
  255. Throw New Exception("在状态为 " & GetStringFromEnum(PageState) & " 时触发了 PageOnLoaderWaitFinished 事件。")
  256. End Select
  257. End Sub
  258. ''' <summary>
  259. ''' 加载环展示等待已结束。
  260. ''' 需要从 LoaderStayForce 切换到 LoaderStay 或 LoaderExit。
  261. ''' </summary>
  262. Private Sub PageOnLoaderStayFinished()
  263. If ModeDebug Then Log("[UI] 已触发 PageOnLoaderStayFinished")
  264. Select Case PageState
  265. Case PageStates.LoaderStayForce
  266. If PageLoader.State = LoadState.Finished Then
  267. PageState = PageStates.LoaderExit
  268. TriggerExitAnimation(PanLoader)
  269. Else
  270. PageState = PageStates.LoaderStay
  271. End If
  272. Case Else
  273. Throw New Exception("在状态为 " & GetStringFromEnum(PageState) & " 时触发了 PageOnLoaderWaitFinished 事件。")
  274. End Select
  275. End Sub
  276. ''' <summary>
  277. ''' 全局加载状态已改变。
  278. ''' </summary>
  279. Private Sub PageLoaderState(sender As Object, NewState As LoadState, OldState As LoadState)
  280. Select Case NewState
  281. Case LoadState.Failed, LoadState.Loading
  282. If OldState = LoadState.Failed OrElse OldState = LoadState.Loading Then Exit Sub
  283. If ModeDebug Then Log("[UI] 已触发 PageLoaderState (Start/Refresh)")
  284. '(重新)开始运行
  285. '需要从部分状态切换到 ReloadExit
  286. Select Case PageState
  287. Case PageStates.ContentEnter, PageStates.ContentStay
  288. PageState = PageStates.ContentExit
  289. TriggerExitAnimation(PanContent)
  290. Case PageStates.LoaderExit
  291. PageState = PageStates.ContentExit
  292. End Select
  293. Case LoadState.Finished, LoadState.Aborted, LoadState.Waiting
  294. If Not (OldState = LoadState.Failed OrElse OldState = LoadState.Loading) Then Exit Sub
  295. If ModeDebug Then Log("[UI] 已触发 PageLoaderState (Stop/Abort)")
  296. '运行结束
  297. '需要从 LoaderWait 切换到 ContentEnter,或从 LoaderStay 切换到 LoaderExit
  298. Select Case PageState
  299. Case PageStates.LoaderWait
  300. PageState = PageStates.ContentEnter
  301. If PanAlways IsNot Nothing AndAlso PanAlways.Visibility = Visibility.Collapsed Then
  302. TriggerEnterAnimation(PanAlways, PanContent)
  303. Else
  304. TriggerEnterAnimation(PanContent)
  305. End If
  306. Case PageStates.LoaderStay
  307. PageState = PageStates.LoaderExit
  308. TriggerExitAnimation(PanLoader)
  309. End Select
  310. End Select
  311. End Sub
  312. #End Region
  313. #Region "动画"
  314. '逐个进入动画
  315. Public Sub TriggerEnterAnimation(ParamArray Elements As FrameworkElement())
  316. '去除 Nothing 项
  317. Dim RealElements As New List(Of FrameworkElement)
  318. For Each Element In Elements
  319. If Element IsNot Nothing Then RealElements.Add(Element)
  320. Next
  321. For Each Element In RealElements
  322. Element.Visibility = Visibility.Visible '页面均处于默认的隐藏状态
  323. Next
  324. Dim AniList As New List(Of AniData)
  325. Dim Delay As Integer = 0
  326. For Each Element In RealElements
  327. For Each Control As FrameworkElement In GetAllAnimControls(Element, True)
  328. '还原被隐藏的卡片的消失动画
  329. Control.IsHitTestVisible = True
  330. If Control.RenderTransform IsNot Nothing AndAlso TypeOf Control.RenderTransform Is TranslateTransform Then Control.RenderTransform = Nothing
  331. Next
  332. For Each Control As FrameworkElement In GetAllAnimControls(Element)
  333. Control.Opacity = 0
  334. Control.RenderTransform = New TranslateTransform(0, -16)
  335. AniList.Add(AaOpacity(Control, 1, 150, Delay, New AniEaseOutFluent(AniEasePower.Weak)))
  336. AniList.Add(AaTranslateY(Control, 5, 250, Delay, New AniEaseOutFluent))
  337. AniList.Add(AaTranslateY(Control, 11, 350, Delay, New AniEaseOutBack))
  338. Delay += 40
  339. Next
  340. Next
  341. AniList.Add(AaCode(Sub() PageOnEnterAnimationFinished(),, True))
  342. AniStart(AniList, "PageRight PageChange " & PageUuid)
  343. End Sub
  344. '逐个退出动画
  345. Public Sub TriggerExitAnimation(ParamArray Elements As FrameworkElement())
  346. '去除 Nothing 项
  347. Dim RealElements As New List(Of FrameworkElement)
  348. For Each Element In Elements
  349. If Element IsNot Nothing Then RealElements.Add(Element)
  350. Next
  351. Dim AniList As New List(Of AniData)
  352. Dim Delay As Integer = 0
  353. For Each Element In RealElements
  354. For Each Control As FrameworkElement In GetAllAnimControls(Element)
  355. Control.IsHitTestVisible = False
  356. AniList.Add(AaOpacity(Control, -1, 90, Delay))
  357. AniList.Add(AaTranslateY(Control, -6, 90, Delay))
  358. Delay += 20
  359. Next
  360. Next
  361. AniList.Add(AaCode(Sub()
  362. For Each Element In RealElements
  363. Element.Visibility = Visibility.Collapsed
  364. Next
  365. PageOnExitAnimationFinished()
  366. End Sub,, True))
  367. AniStart(AniList, "PageRight PageChange " & PageUuid)
  368. End Sub
  369. '遍历获取所有需要生成动画的控件
  370. Friend Function GetAllAnimControls(Element As FrameworkElement, Optional IgnoreInvisibility As Boolean = False) As List(Of FrameworkElement)
  371. Dim AllControls As New List(Of FrameworkElement)
  372. GetAllAnimControls(Element, AllControls, IgnoreInvisibility)
  373. Return AllControls
  374. End Function
  375. Private Sub GetAllAnimControls(Element As FrameworkElement, ByRef AllControls As List(Of FrameworkElement), IgnoreInvisibility As Boolean)
  376. If Not IgnoreInvisibility AndAlso Element.Visibility = Visibility.Collapsed Then Exit Sub
  377. If TypeOf Element Is MyCard OrElse TypeOf Element Is MyHint OrElse TypeOf Element Is TextBlock OrElse TypeOf Element Is MyTextButton Then
  378. AllControls.Add(Element)
  379. ElseIf TypeOf Element Is ContentControl Then
  380. Dim Content = CType(Element, ContentControl).Content
  381. If Content IsNot Nothing AndAlso TypeOf Content Is FrameworkElement Then GetAllAnimControls(Content, AllControls, IgnoreInvisibility)
  382. ElseIf TypeOf Element Is Panel Then
  383. For Each Element2 In CType(Element, Panel).Children
  384. If TypeOf Element2 Is FrameworkElement Then GetAllAnimControls(Element2, AllControls, IgnoreInvisibility)
  385. Next
  386. End If
  387. End Sub
  388. #End Region
  389. End Class