gwt - SplitLayoutPanel のドラッガーを点滅させるには?

Question

したがって、SplitLayoutPanel があり、点滅するドラッガが必要です。それを達成する可能性はありますか？CSS、ハードコード、何でも？

Answer 1

注- 純粋な css エフェクトは CPU を集中的に使用するため、gif ベースのソリューションを使用します。

問題

分割レイアウト パネルは、2 つの画像を使用して、水平および垂直スプリッターを提供します。これらは png 画像であり、アニメーション化できません (点滅効果)。

解決

アニメーションgif画像を使用して、まばたき効果を得ることができます。

点滅するこれら両方の代わりの「gif」画像を見つける必要があります。次に、基本的な gwt スタイルをオーバーライドし、オーバーライド!importantされるスタイルに接尾辞を付けたことを確認します。

.gwt-SplitLayoutPanel-HDragger {
  background: #e7e7e7 url(images/thumb_vertical_blinking.gif) center center no-repeat !important;
  cursor: col-resize;
}
.gwt-SplitLayoutPanel-VDragger {
  background: #e7e7e7 url(images/thumb_horz_blinking.gif) center center no-repeat !important;
  cursor: row-resize;
}

Answer 2

はい、デフォルトのスタイルをオーバーライドすることでそれを実現する可能性があります

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger { horizontal dragger }
.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger { vertical dragger }


.gwt-SplitLayoutPanel-VDragger {
       // your set of styles while dragging 
} 

.gwt-SplitLayoutPanel-HDragger {
       // your set of styles while dragging 
}