問題タブ [dropshadow]

WpfアプリケーションのUIを開発しています。AdobePhotoshopCS3でデザイナーがデザインを作成しています。私はそれらを調べ、WPFを使用して私のプロジェクトで同じことを達成しています。PhotoShopでは、ドロップシャドウを設定するときに、[角度]を選択するオプションがあり、のチェックボックスがあります Use Global Light。

私はこれについていくつかの参考資料を得ました。しかし、WPFでこれを実現する方法がわかりません。WPFでは、。を使用してそのようなオプションを見つけることができませんDropShadowEffect。誰かが私を助けてくれます。

NSString (UIStringDrawing)iOSが提供するカテゴリメソッドを使用して描画されたテキストにドロップシャドウを追加したいと思います。

明らかに、ドロップシャドウオプションはありません。

はい、ここでUILabelを使用して、ドロップシャドウプロパティを設定することはできますが、UIViewサブクラス（UILabelなど）はCALayerオブジェクトをラップし、（パフォーマンス的に）重くなるため、パフォーマンスは低下します。

コンテキストは次のとおりです。

drawRect:合成されたUIViewサブクラスのNibファイルからテーブルセルを作成する代わりに、テーブルセルビューに実装して、UITableViewCellサブクラスのカスタム描画を行っています。

多数のUIViewサブクラスを合成すると、これを無駄なく維持し、テーブルビューのスクロールパフォーマンスで毎秒50〜60フレーム以内にとどまろうとする目的が無効になります。

少しずらして文字列を2回描いてみました。これは、私が行っているセルの背景色のドロップシャドウの色を微調整すると許容できるようになる可能性がありますが、かなり厄介なようです。確かに、UILabelで得られるようなドロップシャドウブラープロパティはありません。

私は解決策を探しましたが、UILabelの使用法を推奨しています（テーブルセルビューに合成される約12の異なるテキスト要素があるため、上記で却下しました）またはCGContextSetShadow()。後者は常に長方形のコンテキストで提案されているようであり、必ずしもdrawAtPoint...上記のNSStringメソッドで直接描画されたテキストのパスに影を付けるためではありません。（私はそれを試しましたが、うまくいかなかったようです（つまり、何も変更されていません）。コアグラフィックスの描画は初めてです）。

提案？

wordpress テーマの 1 つにjQuery Multi Level CSS Menu #2を使用しています。

しかし、CSS3 box-shadow プロパティをメインの div に追加すると、背景のボックス シャドウのために、メニュー ドロップダウン効果が遅くなり、本来あるべきほど滑らかではなくなります。

しかし、メイン div から CSS3 box-shadow プロパティを削除すると、メニューのドロップダウン効果が完全にスムーズになります。これは私の主なdivです:

私は何か間違ったことをしていますか？

Flash 内からドロップ シャドウ フィルタを印刷できないように見える理由を見つけるために、かなりの検索を試みました。印刷に問題はありませんが、印刷したいムービークリップにドロップ シャドウがある、または含まれている場合、そのクリップはドロップ シャドウなしで印刷されます。

なぜこれが起こっているのか、誰にも洞察がありますか?

自分で試してみたい場合は、私が使用している簡単な印刷コードを次に示します。contentmc 内にドロップシャドウを入れて印刷するだけです。

このテンプレートの境界線に効果を適用しました。その後、エフェクトはその中のすべての要素に適用されるため、必要以上に多くのドロップ シャドウが表示されます。効果を無効にする方法はありますか？ぼかし効果を追加したことがわかりますが、ぼやけたドロップシャドウになってしまいます:)

目的に合わせてスクリプトを調整して、CSS ドロップダウン メニューに jQuery ドロップシャドウを適用しようとしています。

私が達成したいのは、今のところ成功していませんが、リスト要素の上にいるときに CSS の左の値を動的に適用することです。

http://nlhca.steveforest.com/index.shtml - 「NLHCAについて」に進みます

そのため、たとえば「NLHCA について」の div.dropShadow インラインの左の値が 0 になると、終了します。

に

ドロップシャドウ スクリプトはhttp://nlhca.steveforest.com/Templates/js/jquery.dropshadow.jsです。

最後に試したこと：

助けてくれてありがとう！

#container div私の目標は、幅 960pxの の左右にドロップ シャドウを追加することです。

#container自体には、ヘッダー、ナビゲーション メニュー、メイン コンテンツ、サイドバー、およびフットが含まれます。#containerただし、ヘッダー自体は、グラフィックのためにカスタム幅でからはみ出しています。

そのため、左右にドロップ シャドウが追加されません。ドロップが必要なのはナビゲーション メニューの下だけです。これは、ヘッダーがカスタム幅に設定されており、それ自体を超えて突き出ているため#containerです。すでにはみ出しているものの左右にドロップ シャドウを付けると、美観が損なわれます。

見やすくするために、私のサイトはhttp://www.doubleyourdating.com/に似ていますが、ヘッダー要素が両側に突き出ています。

#container次の解決策を使用して、ナビゲーション メニューからの左側と右側にドロップ シャドウを追加しようとしました。

1. 両端に 25 ピクセルの「フェード」を含む、高さ 1 ピクセル、幅 1010 ピクセルの画像を Photoshop で作成しました。としてCSSしたの#container div background-imageですが、おそらく#containerそれ自体が幅960pxに設定されているためか、幅1010pxの背景が表示されません。960px の幅を変更すると、この単純な 2 列のレイアウトで死のカスケードが作成されることに注意してください。

2. コンテナー div の「周り」にその場しのぎのシャドー ボックス div を CSS で作成しようとしましたが、ヘッダーのカスタム幅がコンテナーよりも広くなっているため、うまくいきません。

どうすればこれを機能させることができますか?

UINavigationBar と UIToolbar のカスタム イメージを使用するアプリに取り組んでいますが、これは問題ありませんが、ナビゲーション バーの下とツールバーの上にドロップ シャドウが必要であり、常に他のすべてのビュー コントローラーの上に配置されます。テーブルビューではうまく機能しないため、影を含む背景画像を単純に作成することはできません。また、ナビゲーション バーとツールバーを非表示 (アニメーション化) に設定したときに、影をアニメーション化する必要があります。

ネット上の Stack Overflow やその他のソースに目を通し、提案されたソリューションに取り組みましたが、UINavigationBar、UIToolbar、さらには UINavigationController をサブクラス化して、求めている結果を提供することはできません。

提供できる助けをいただければ幸いです。ありがとう ：）

私は成功せずに広範囲に検索しました...

画像でより明確に説明されていることを達成しようとしています....ペイントイベント中にグラフィックオブジェクトにぼやけた/半透明のドロップシャドウを作成します。

究極の解決策は、パスに渡すことができるぼやけた/半透明のペンですが、私が理解しているように、それは不可能です。

画像は次のとおりです。

SOで同様の質問を見つけた後も、まだ問題があります。ここに私のCSSがあります:

Google Chrome では、影は約 2 ピクセルだけオフセットされます。これはまさに私が欲しいものです。ただし、IE では、影は (私が望むものに比べて) 非常に遠くにあり、分厚いです。offx と offy を 1 に設定しました。なぜこれが機能しないのですか？私はこれまでこの方法を使用したことがありません。タイトルでSOの提案を見ているときに見つけました。

補足として

私が尋ねている間、IEで透明な画像を作成できるようにする方法を知っている人はいますか? 半透明の画像（ドロップ シャドウの付いたボタン）を入れようとしましたが、影が黒く暗くなり、品質が低下したように見えます。この質問にポイントを与えます (回答があれば) :)