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
282 lines
12 KiB
7 years ago
|
<!-- 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
|
||
|
 <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&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&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  <a href="http://www.doxygen.org/index.html">
|
||
|
<img class="footer" src="doxygen.png" alt="doxygen"/>
|
||
|
</a> 1.8.14
|
||
|
</small></address>
|
||
|
</body>
|
||
|
</html>
|