win-listview 높이는 어떻게 설정됩니까? - WinJS

이것은 나를 벽으로 이끌고있다. 목록 뷰의 높이를 자동으로 만드는 방법을 알 수 없습니다.win-listview 높이는 어떻게 설정됩니까? - WinJS

즉, 필요한 모든 공간을 차지하고 외부 컨테이너가 오버플로 - y 스크롤 기능을 제공하도록 listview의 높이를 확장하십시오.

나는이 일에 대해 어떤 문서도 찾을 수없는 것 같습니다.

도움이 될 것입니다. 감사!

출처

2012-12-11 RadiantHex

ListView 컨트롤의 높이는 기본적으로 400px입니다. ui-light.css 파일의 1421 행에 있습니다. 다음과 같이 페이지에 규칙을 추가하여 재정의 할 수 있습니다.

.win-listview { 높이 : 100 %;/* * (또는 당신은 '600PX'같은 절대적으로 지정할 수 있습니다)/ }는 말한다 dev에 센터에서 this page에

...

설정 ListView 컨트롤의 높이

ListView는 콘텐츠에 맞게 높이를 동적으로 조정하지 않습니다. ListView를 렌더링하려면 높이의 절대 값을 지정해야합니다. JavaScript 용 Windows 라이브러리 스타일 시트는 ListView 컨트롤의 높이를 400 픽셀로 설정합니다.

디자인 관점에서 보면 ListView에서 세로 스크롤을 수행하면 안됩니다. 가로로 배치되도록 설계되었습니다 (일반적으로 앱처럼). 가로 스크롤과 세로 스크롤을 결합하면 어색한 사용자 경험을 할 수 있습니다. 나는 이것에 관해 약간의 articles를 썼다.

출처

2012-12-11 15:53:42

대단한 답글! 고마워요! 나는 수평 스크롤을 사용하는 것에 대해 생각해 왔지만, 어떤 패턴에서는 꽤 어색함을 느낀다. 예 : 수직 목록이있는 다운로드 목록은 훨씬 생산적이며 직관적이라고 느낍니다. – RadiantHex

그래, 나는 동의한다. 때로는 그것이 수평 목록에 어떻게 들어갈 것인지에 대해 생각하기가 어렵습니다. 저는 항상 엄청난 디자인 예산을 가진 최고의 앱에 감명 받았고, 콘텐츠를 수평 적으로 더 잘 맞게 재구성하는 방법을 알아 냈습니다. 내 codeSHOW 응용 프로그램 (aka.ms/codeshowapp)에서는 소스 코드 파일을 보여주고 가로 및 세로를 결합합니다. 때로는 그 주위에 방법이 없습니다. –

스냅 샷에서 수직 스크롤링이 필요합니다. – odupont

win-listview 높이는 어떻게 설정됩니까? - WinJS

답변

관련 문제