2012-12-11 4 views
5

これは私を壁の上に運転しています。リストビューの高さを自動にする方法を理解できません。勝利リストビューの高さはどのように設定されていますか? - WinJS

つまり、必要なすべての領域を占有し、外側コンテナにオーバーフロー - スクロール機能を提供するために、リストビューの高さを延長します。

私はこの無意識のうちにドキュメントを見つけることはできません。

ヘルプは素晴らしいでしょう。ありがとう!

答えて

10

リストビューのコントロールは、デフォルトで400pxの高さです。これはui-light.cssファイルの1421行目にあります。あなたのページに次のようなルールを追加することで上書きできます:

.win-listview { height:100%;/* *(またはあなたが '600PX' のような何かを絶対的に指定することができます)/ }それが言うのdevの中央にthis page

...

設定ListViewコントロールの高

ListViewはコンテンツに合わせて高さを動的に調整しません。 ListViewをレンダリングするには、その高さの絶対値を指定する必要があります。 JavaScript用Windowsライブラリのスタイルシートは、ListViewコントロールの高さを400ピクセルに設定します。

デザインの観点から見ると、おそらくListViewで垂直スクロールしないでください。それらは水平に配置されるように設計されています(一般的なアプリ)。水平スクロールと垂直スクロールを組み合わせると、厄介なユーザーエクスペリエンスが得られます。私はこれについていくつかarticlesを書きました。

+0

偉大な返信です!どうもありがとう!私は水平スクロールを使うことを考えましたが、ある種のパターンではそれはかなり厄介です。例えば縦リストを持つダウンロードリストは、より生産的で直感的です。 – RadiantHex

+1

ええ、私は同意します。時にはそれがどのように水平リストに収まるかについて考えるのは難しいです。私はいつも、トップのアプリ(膨大な設計予算を持っている)と、よりよく水平にフィットするようにコンテンツを再構築する方法を理解していることに本当に感心しています。私のcodeSHOWアプリ(aka.ms/codeshowapp)では、ソースコードファイルを表示し、水平と垂直を組み合わせています。時にはそれの周りに道はありません。 –

+2

スナップビューでは、垂直スクロールが必要です。 – odupont

関連する問題