144 lines
6.2 KiB
HTML
144 lines
6.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<head>
|
||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||
<title>Views</title>
|
||
<link href="style.css" rel="stylesheet" type="text/css">
|
||
<link href="prettify.css" type="text/css" rel="stylesheet">
|
||
<script type="text/javascript" src="prettify.js"></script><script type="text/javascript" src="lang-vb.js"></script><link href="../resources/main.css" media="screen" rel="stylesheet" type="text/css">
|
||
</head>
|
||
<body onload="prettyPrint()"><div class="placing">
|
||
<br><table class="navigation"><tr>
|
||
<td class="navigation-previous"><a href="chapter-tooltips.html"><strong>
|
||
« Tooltips</strong></a></td>
|
||
<td class="navigation-index"><a href="../../../quick-start-guide/better-listview/index.html"><strong>Index</strong></a></td>
|
||
<td class="navigation-next"></td>
|
||
</tr></table>
|
||
<br><h1>Views</h1>
|
||
<div class="banner">
|
||
<a href="../../../blog/page/6/index.html"><img src="../resources/overview.gif" alt="Better ListView" class="ss"></a>
|
||
<div class="inside">
|
||
<div class="text">Better ListView: Ultimate .NET ListView replacement control for WinForms (C#, VB.NET)</div>
|
||
<span class="dbtn-c dbtn-hilight"><span class="dbtn-w"><a href="../../../betterlistview.exe" class="dbtn">Download</a></span></span>
|
||
<span class="dbtn-c"><span class="dbtn-w"><a href="../../../blog/page/6/index.html" class="dbtn">More Info</a></span></span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<p>Better ListView can be display items in multiple ways called
|
||
<strong><em>views</em></strong>. The view can be set using <span class="code">View</span>
|
||
property. Following sections will present views supported by Better
|
||
ListView. All views suppport <strong><em><a href="chapter-groups.html">Groups</a></em></strong>, as displayed in the
|
||
screenshots.</p>
|
||
|
||
<p>Each of the view supports arbitrary image sizes and other settings
|
||
(see <strong><em><a href="chapter-layout.html">Layout Properties</a></em></strong> for
|
||
more information).</p>
|
||
|
||
<h2>Details view</h2>
|
||
|
||
|
||
<p>This is the default view. .NET ListView displays items in detailed
|
||
view only when there are some columns present as well. Better ListView,
|
||
however, can display items in <strong><em>Details</em></strong> view even
|
||
without columns:</p>
|
||
|
||
<p class="images"><img src="views-details1.png"><img src="views-details2.png"></p>
|
||
|
||
<p>When columns are added into the view, items can display their
|
||
sub-items as well:</p>
|
||
|
||
<p class="images"><img src="views-detailscolumns1.png"><img src="views-detailscolumns2.png"></p>
|
||
|
||
|
||
<h2>LargeIcon View</h2>
|
||
|
||
|
||
<p>The <strong><em>LargeIcon</em></strong> view displays items with "large"
|
||
icons (usually 32 by 32 pixels, but Better ListView supports any image
|
||
size). Item text can be wrapped to up to four lines by default and the
|
||
horizontal spacing between items is varied so that the items evenly fill
|
||
client area:</p>
|
||
|
||
<p class="images"><img src="views-largeicon1.png"><img src="views-largeicon2.png"></p>
|
||
|
||
|
||
<h2>List View</h2>
|
||
|
||
|
||
<p>The <strong><em>List</em></strong> view is different from other views
|
||
because it displays items vertically oriented. Instead of items flowing in
|
||
left-right top-dop fashion, they are arranged in columns, The groups in
|
||
the <strong><em>List</em></strong> view has to be oriented horizontally:</p>
|
||
|
||
<p class="images"><img src="views-list1.png"><img src="views-list2.png"></p>
|
||
|
||
|
||
<h2>SmallIcon View</h2>
|
||
|
||
|
||
<p>The <strong><em>SmallIcon</em></strong> view displays items with "small"
|
||
icons (usually 16 by 16 pixels, but Better ListView supports any image
|
||
size). Contrary to <strong><em>LargeIcon</em></strong> view, item text is
|
||
placed to the right of item images:</p>
|
||
|
||
<p class="images"><img src="views-smallicon1.png"><img src="views-smallicon2.png"></p>
|
||
|
||
|
||
<h2>Tile View</h2>
|
||
|
||
|
||
<p>The <strong><em>Tile</em></strong> view displays items as "tiles", whose
|
||
size can be adjusted by <span class="code">TileSize</span> property.
|
||
<strong><em>Tile</em></strong> view can display sub-item texts on additional
|
||
lines, but only item image (possible images of sub-items are
|
||
hidden):</p>
|
||
|
||
<p class="images"><img src="views-tile1.png"><img src="views-tile2.png"></p>
|
||
|
||
|
||
<h2>Thumbnails View</h2>
|
||
|
||
|
||
<p>The <strong><em>Thubnails</em></strong> view is similar to
|
||
<strong><em>LargeIcon</em></strong> view. Items are of the same height, there
|
||
is a single-line text by default and the items are centered with fixed
|
||
spacing between them:</p>
|
||
|
||
<p class="images"><img src="views-thumbnails1.png"><img src="views-thumbnails2.png"></p>
|
||
|
||
|
||
<h2>Detecting view change</h2>
|
||
|
||
|
||
<p>When the value of <span class="code">View</span> property has changed, a
|
||
<span class="code">BetterListViewViewChanged</span> event is raised. Event data or the
|
||
event contains old a new value of type
|
||
<span class="code">BetterListViewView</span>.</p>
|
||
|
||
<br><div class="banner">
|
||
<a href="../../../blog/page/6/index.html"><img src="../resources/overview.gif" alt="Better ListView" class="ss"></a>
|
||
<div class="inside">
|
||
<div class="text">Better ListView: Ultimate .NET ListView replacement control for WinForms (C#, VB.NET)</div>
|
||
<span class="dbtn-c dbtn-hilight"><span class="dbtn-w"><a href="../../../betterlistview.exe" class="dbtn">Download</a></span></span>
|
||
<span class="dbtn-c"><span class="dbtn-w"><a href="../../../blog/page/6/index.html" class="dbtn">More Info</a></span></span>
|
||
</div>
|
||
</div>
|
||
<table class="navigation"><tr>
|
||
<td class="navigation-previous"><a href="chapter-tooltips.html"><strong>
|
||
« Tooltips</strong></a></td>
|
||
<td class="navigation-index"><a href="../../../quick-start-guide/better-listview/index.html"><strong>Index</strong></a></td>
|
||
<td class="navigation-next"></td>
|
||
</tr></table>
|
||
<br><table class="footer"><tr>
|
||
<td class="footer-title">Better ListView Documentation
|
||
</td>
|
||
<td class="footer-copyright">
|
||
Copyright © 2010-2012 <a href="../../../index.html" target="_blank">ComponentOwl.com</a>
|
||
</td>
|
||
</tr></table>
|
||
</div></body>
|
||
</html>
|