Migration of QtMvvm from github
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

282 lines
12 KiB

<!-- HTML header for doxygen 1.8.13-->
<!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">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta name="generator" content="Doxygen 1.8.14"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>QtMvvm: Images page</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0" style="display: inline;">
<tbody>
<tr style="height: 56px;">
<td id="projectalign" style="padding-left: 0.5em;">
<div id="projectname">QtMvvm
&#160;<span id="projectnumber">1.0.0</span>
</div>
<div id="projectbrief">A mvvm oriented library for Qt, to create Projects for Widgets and Quick in parallel</div>
</td>
</tr>
</tbody>
</table>
<a style="float: right;" target="_blank" href="https://github.com/Skycoder42/QtMvvm">
<img style="padding: 10px;" src="GitHub_Logo.png"/>
</a>
</div>
<!-- end header part -->
<!-- Generated by Doxygen 1.8.14 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&amp;dn=gpl-2.0.txt GPL-v2 */
var searchBox = new SearchBox("searchBox", "search",false,'Search');
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&amp;dn=gpl-2.0.txt GPL-v2 */
$(function() {
initMenu('',true,false,'search.php','Search');
$(document).ready(function() { init_search(); });
});
/* @license-end */</script>
<div id="main-nav"></div>
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<iframe src="javascript:void(0)" frameborder="0"
name="MSearchResults" id="MSearchResults">
</iframe>
</div>
</div><!-- top -->
<div class="header">
<div class="headertitle">
<div class="title">Images page </div> </div>
</div><!--header-->
<div class="contents">
<div class="toc"><h3>Table of Contents</h3>
<ul><li class="level1"><a href="#images_page_main">Primary QtMvvm modules</a></li>
<li class="level1"><a href="#images_page_datasync">Datasync QtMvvm modules</a></li>
</ul>
</div>
<div class="textblock"><p>A collection of images to show off different UIs</p>
<p>This page shows of a bunch of images to show off how the mvvm applications can look. It is presented in the form of tables, always comparing how a view looks on widgets next to a ui with quick controls 2. All UIs in the same table row have been creating using the same core app and thus use the same viewmodel.</p>
<h1><a class="anchor" id="images_page_main"></a>
Primary QtMvvm modules</h1>
<p>These are the images of the sample application build with the main <a class="el" href="namespace_qt_mvvm.html" title="The primary namespace of the QtMvvm library. ">QtMvvm</a> modules. On the left is the widgets variant, on the right the quick controls 2</p>
<table class="markdownTable">
<tr class="markdownTableHead">
<th class="markdownTableHeadNone">Widgets UI </th><th class="markdownTableHeadNone">Quick UI </th></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_main.png" alt="widgets_main.png"/>
<div class="caption">
Main View</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_main.png" alt="quick_main.png"/>
<div class="caption">
Main View</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_result.png" alt="widgets_result.png"/>
<div class="caption">
Result View</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_result.png" alt="quick_result.png"/>
<div class="caption">
Result View</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_tabs.png" alt="widgets_tabs.png"/>
<div class="caption">
Tabs View</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_tabs.png" alt="quick_tabs.png"/>
<div class="caption">
Tabs View</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_input.png" alt="widgets_input.png"/>
<div class="caption">
Input Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_input.png" alt="quick_input.png"/>
<div class="caption">
Input Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_file.png" alt="widgets_file.png"/>
<div class="caption">
File Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_file.png" alt="quick_file.png"/>
<div class="caption">
File Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_message.png" alt="widgets_message.png"/>
<div class="caption">
Message Box</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_message.png" alt="quick_message.png"/>
<div class="caption">
Message Box</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_about.png" alt="widgets_about.png"/>
<div class="caption">
About Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_about.png" alt="quick_about.png"/>
<div class="caption">
About Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_settings.png" alt="widgets_settings.png"/>
<div class="caption">
Settings View</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_settings_1.png" alt="quick_settings_1.png"/>
<div class="caption">
Settings View Page 1</div></div>
<div class="image">
<img src="quick_settings_2.png" alt="quick_settings_2.png"/>
<div class="caption">
Settings View Page 2</div></div>
</td></tr>
</table>
<h1><a class="anchor" id="images_page_datasync"></a>
Datasync QtMvvm modules</h1>
<p>These are the images of the sample application using the datasync mvvm module. On the left is the widgets variant, on the right the quick controls 2</p>
<table class="markdownTable">
<tr class="markdownTableHead">
<th class="markdownTableHeadNone">Widgets UI </th><th class="markdownTableHeadNone">Quick UI </th></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_main.png" alt="widgets_ds_main.png"/>
<div class="caption">
Main View</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_main_1.png" alt="quick_ds_main_1.png"/>
<div class="caption">
Main View</div></div>
<div class="image">
<img src="quick_ds_main_2.png" alt="quick_ds_main_2.png"/>
<div class="caption">
Main View</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_edit.png" alt="widgets_ds_edit.png"/>
<div class="caption">
Edit Identity Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_edit.png" alt="quick_ds_edit.png"/>
<div class="caption">
Edit Identity Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_remote.png" alt="widgets_ds_remote.png"/>
<div class="caption">
Edit Remote Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_remote.png" alt="quick_ds_remote.png"/>
<div class="caption">
Edit Remote View</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_reset.png" alt="widgets_ds_reset.png"/>
<div class="caption">
Reset Identity Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_reset.png" alt="quick_ds_reset.png"/>
<div class="caption">
Reset Identity Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_exchange.png" alt="widgets_ds_exchange.png"/>
<div class="caption">
Exchange View</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_exchange.png" alt="quick_ds_exchange.png"/>
<div class="caption">
Exchange View</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_import.png" alt="widgets_ds_import.png"/>
<div class="caption">
Import Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_import.png" alt="widgets_ds_import.png"/>
<div class="caption">
Import Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_import_trust.png" alt="widgets_ds_import_trust.png"/>
<div class="caption">
Import Trusted Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_import_trust.png" alt="quick_ds_import_trust.png"/>
<div class="caption">
Import Trusted Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowEven">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_export.png" alt="widgets_ds_export.png"/>
<div class="caption">
Export Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_export.png" alt="quick_ds_export.png"/>
<div class="caption">
Export Dialog</div></div>
</td></tr>
<tr class="markdownTableBody" class="markdownTableRowOdd">
<td class="markdownTableBodyNone"><div class="image">
<img src="widgets_ds_grant.png" alt="widgets_ds_grant.png"/>
<div class="caption">
Grant Dialog</div></div>
</td><td class="markdownTableBodyNone"><div class="image">
<img src="quick_ds_grant.png" alt="quick_ds_grant.png"/>
<div class="caption">
Grant Dialog</div></div>
</td></tr>
</table>
</div></div><!-- contents -->
<!-- start footer part -->
<hr class="footer"/><address class="footer"><small>
Generated on Wed Mar 14 2018 16:19:58 for QtMvvm by &#160;<a href="http://www.doxygen.org/index.html">
<img class="footer" src="doxygen.png" alt="doxygen"/>
</a> 1.8.14
</small></address>
</body>
</html>