問題タブ [rotatetransform]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
xaml - Image が表示された後に RotateTransform が適用されるため、点滅が発生する
私はそのような DataTemplate を持っています:
そして、「コース」プロパティに従って画像を回転させる必要があります。最初は画像がゼロ角度で表示され、すぐに回転します。これにより、イメージが点滅します。
それで、どうにかして Image を非表示にし、回転後にのみ表示することは可能ですか? またはレンダリングする前に画像を回転させますか？
android - 逆さまの PopupMenu を作成する方法
2 人のプレイヤーが同時にプレイする Android ゲームをコーディングしています。プレーヤー 1 は通常の方法で電話を向き、プレーヤー 2 は逆さまに向きます。各プレイヤーは、画面上のボタンに固定されるポップアップ メニューからアクセスしたい設定を変更できます。各プレイヤーには独自のボタンがあります。
レイアウト リソースに次の xml タグを追加することで、Player 2 のウィジェットを回転させることができました。
だからその部分は大丈夫です。
私の質問は、どうすればandroid.widget.PopupMenuプレイヤー 2 にも上下逆さまに表示させることができるのでしょうか? 私が探している効果は、プレイヤー 2 がPopupMenu自分の角度から読み取ることができるものを取得することです。
これを最もよく達成する方法についてのヘルプや提案は大歓迎です。
css - transform プロパティのみに CSS トランジションを適用する方法
私は現在transform: rotate(45deg)、チェックボックスの値を使用して適用される を持っています:checked。CSS トランジションが変換値にのみ適用されるように解決策を探しています。今、私はそれを次のようにセットアップしました: transition: all 1s ease. ただし、すべてに適用するのではなく、変換だけに適用します。現在、トランジションをcolor:変更に適用していますが、これを取り除きたいと思っています。
これは簡単に答えを見つけることができたはずですが、想像以上に難しいことが証明されています。ご不明な点がございましたら、お知らせください。ありがとう。
これが私のコードペンです。問題のコードはCSS 行 25-28です。
c# - アナログ時計回転変換
アナログ時計の回転変換に問題があります。
時間ポイント用にこのコードを持っていますが、これは1ポイントでしか動いていません。サイクル for() で楕円の名前を変更する方法はありますか?
c# - RotateTransform の後で DataGrid を垂直方向にスクロールするときのビジュアル アーティファクト
この StackOverflowの回答を使用して、列ヘッダーが行ヘッダーとして表示され、新しい DataGrid 行が列 (水平 DataGrid) として表示されるように DataGrid を回転させました。
DataGrid のスタイルには、ScrollContentPresenter と 2 つの ScrollBar (垂直と水平) で構成される ControlTemplate があります。ScrollContentPresenter の CanContentScroll が「true」に設定されているため、セルは物理的ではなく論理的にスクロールします。この ControlTemplate からの抜粋を以下に示します。
このグリッドの水平スクロールは期待どおりに機能します。ただし、垂直スクロールは依然として物理的に発生し、セルが画面外にスクロールされる (または画面に戻る) ときに、セルの一番上の行に奇妙な視覚的アーティファクトが発生します。アーティファクトのスクリーンショットはこちら.
下にスクロールすると、セルの上部が画面外に移動すると、セル (TextBlock) のコンテンツが消えます。セルを垂直方向にスクロールし続けると、背景色が水平方向に「消去」されます。
グリッドに適用している変換は次のとおりです。
DataGridCells に適用されるスタイル:
列ヘッダーに適用されるスタイル:
DataGrid に適用されるスタイル:
RenderTransform ではなく、すべて LayoutTransform があります。Transforms は、スクロール中にセルの計算された DisplayHeight に影響を与え、実際に画面外になる前に「消える」原因になっているようです。(補足: 論理スクロール (CanContentScroll = true) は、DataGridCells の仮想化を無効にします)。
私の目標は、論理的にスクロールするか、レンダリングの問題を修正することによって、垂直スクロールのアーティファクトを排除することです (推奨)。
編集:私の質問は次のとおりです:回転したデータグリッドのスクロールによるこれらの視覚的なアーティファクトをどのように排除できますか?
html - マウスホバー時にcssでアイコンを回転
チェックアウト後、以下のコードを実装しましたが、効果が発生していません。どこに欠けているのかわかりません..
HTML
編集：回転クラスをアイコンから親に変更しました