カテゴリーアーカイブ: Windows ストア

迅速で簡単な: Windows ストアアプリケーションでリストボックスで、項目のサイズを設定します。

私は、Windows ストアアプリを作成します。, さまざまな情報メッセージをユーザーに表示したいです。彼らはそれらとすべての良いものをスクロールできるように、それを表示するツールとして、ListBox を選んだ。

メッセージは情報メッセージのみ, ユーザーことはできないので、それらの周りのすべての余分な空白を提供する必要はありませんので何かを選択します。 ListBox の既定の動作はパディングの相当な量を提供し、それを取り除くしたいです。まあ.. ListBox にそういったことを直接行うことはできません。しかし, 追加する項目を行うことができます。:

        プライベート void AddGameStateLogMessage(文字列 メッセージ)
        {
            TextBox t = 新機能 テキスト ボックス();
            t.Text = GameStateCounter     + ": " + メッセージ;
            t.TextWrapping = TextWrapping.Wrap;
            t.MinWidth = 400;
            厚さ thisPadding = 新機能 厚(5, 0, 5, 0);
            t.Padding = thisPadding;
            t.FontSize = 12;

            ListBoxItem の李 = 新機能 ListBoxItem();
            李。コンテンツ = t;
            李。高さの最大値 = 25;
            thisPadding = 新機能 厚(5, 0, 5, 0);
            李。パディング = thisPadding;

            GameStateLog.Items.Insert(0,李);
        }

上記の, テキストボックスを作成すし、そのフォントの設定, そのパディング, など.

次, ListBoxItem を作成し、書式設定されたテキストボックスにその内容を設定.

最後に, リストボックスに、ListBoxItem を挿入します。 (リストの一番上に最も最近のメッセージを表示したいのですが。, したがって、挿入(0,李) 代わりに、単純な追加() 呼び出し。).

少し前に、ListBox の動作と本当に嬉しいが、上記のパターンは非常に有益されているこれを調整するでしょう。うまくいけば他の誰かは役立つ検索します。.

</終了>

私のブログを購読します。.

私は Twitter の上に従ってください。 http://www.twitter.com/pagalvin

迅速で簡単な: C# Windows ストアアプリケーションでを使用して四角形を移動します。

返信を残します

私の全体のブログの哲学はそれが古いについてのブログを完全に罰金, 他の死をカバーされている科目を解決しました。このトピックは、それらのいずれかと仮定します, 私はブログがそれとにかく.

ウィンドウストアアプリケーションを取り組んできたし、私はの部分でいくつかのアニメーションを実行する必要が。この目的のため, 私はビットを考え出すされてし、の windows ストアアプリアニメーションを, それは結局, かなり近いです。, 丁度, .NET での XAML ベースのアニメーション (私はまだ事実とグリップに来ていますその WinRT <> .ネット 🙂 ).

今朝たかったアンドドロップ操作のドラッグハンドルを取得します。それへ向かう途中, 代わりに、四角形を移動して動きが取れなくなった :). ここでは、ユーザーがボタンをクリックしたときに四角形を移動するコードです。:

1:

   2:              MatrixTransform ct = (MatrixTransform)rectBig.RenderTransform;

   3:              行列 m = ct。マトリックス;

   4:              m.OffsetX   = 10;

   5:              m.OffsetY   = 10;

   6:              ct。行列 m を =;

   7:              rectBig.RenderTransform = ct;

ここでのトリックは、OffsetX または OffsetY を直接変更できないことです。これを行うためのより賢い方法がある可能性があります。 (あなたが知っているし、感じる場合のように、, コメント欄で投稿してください。).

これを行うために, 必要があります。:

1. 四角形の MatrixTransform を取得します。 (RenderTransform 鋳造で).

2. あの男の行列を取得します。.

3. 行列のオフセットを変更します。.

4. MatrixTransform に戻ってマトリックスの再割り当てください。.

5. 四角形に戻って MatrixTransform 再割り当てください。.

それをテストするには, 四角形を配置し、画面のボタン. ボタンをクリックしたとき, 上記のロジックを実行してすぐに四角形を移動します.

いくつかの時点で, これをアニメートしたいと思います私は見当がそれに取り組む DoubleAnimation を取得する方法 (Storyboard.SetTargetProperty() 時間の私には謎がされています。).

</終了>

私のブログを購読します。.

私は Twitter の上に従ってください。 http://www.twitter.com/pagalvin

ListboxItems の高さをリストボックスにはプログラムによって Windows ストアアプリケーションの設定

返信を残します

Windows ストアアプリケーションを取り組んで、アプリでやりたい事の 1 つはユーザーが物事を動作に、ステータスメッセージおよび他の情報の一口を示すログを表示します。. この目的のため, 次のように ListBox を追加:

<ListBox x:名前 ="GameStateLog" HorizontalAlignment ="センター" 高さ ="221" VerticalAlignment ="ページのトップへ" 幅 ="499" パディング ="0" フォント サイズ ="10">

実行時に listbox を作成する c# コードの線に沿っていた:

GameStateLog.Items.Insert(0, GameStateCounter     + ": 新しいゲームの状態: プレイヤーを待っています。 1 名前");

これは十分うまく働いたが、追加されたときに UI が個々のメッセージの周囲のパディングの狂気の量を示した. 私はエンドユーザーにこれらの項目を選択できるようにするとき私は実行している一連のログメッセージを表示したい-ユーザーはこれらを選択しない意味をなさない場合理にかなっています。, 彼らをちょうど見る. 不思議なことにこれを行う簡単な方法を見つけるは難しいが、間違いなく, それを発見した方法が必ずしも「簡単」ではないが、私は [ok] を働いてそれを得ました. この投稿から来た重要なここで (http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/c4a6f694-bd46-4779-ab83-b1c2fcb2397c) ボブ Relyea から. リストボックスの Items コレクションに文字列を追加するのではなく, ListBoxItems を追加します。. 文字列を追加することによって, ListBox は、独自に独自の ListBoxItem を作っていた. 事実の後その ListBoxItem について何かに影響を与えることができなかった. 新しいコードは:

        プライベート void AddGameStateLogMessage(文字列 メッセージ)
        {
            ListBoxItem の李 = 新機能 ListBoxItem();
            李。コンテンツ = メッセージ;
            李。高さの最大値 = 25;

            厚さ thisPadding = 新機能 厚(5, 0, 5, 0);
            李。パディング = thisPadding;

            GameStateLog.Items.Insert(0,李);
        }

ここで私は、ListBoxItem を作成して挿入し、. その厚さを設定することで余分なスペースを削除.

これはかなり柔軟ないくつかの色の特定の種類のメッセージを強調するためのコーディングを行うつもり、ListBoxItems を直接追加することによってどのようにスタイルを設定するんです。.

これは誰かを役に立てば幸い!

</終了>

私のブログを購読します。.

私は Twitter の上に従ってください。 http://www.twitter.com/pagalvin