Merge remote-tracking branch 'upstream/master' into divider
This commit is contained in:
commit
74bea57346
247
README.md
247
README.md
|
@ -4,25 +4,234 @@
|
|||
|
||||
I finally took the time to go through and clean up this code. The build includes an executable with a preview, and some settings to play around with for each widget. A YouTube video preview is [available here](http://www.youtube.com/watch?v=21UMeNVBPU4).
|
||||
|
||||
Component | Preview
|
||||
----------------- | ------------------------------------------------
|
||||
Avatar | 
|
||||
Check Box | 
|
||||
Circular Progress | 
|
||||
Dialog | 
|
||||
Drawer | 
|
||||
FAB | 
|
||||
Flat Button | 
|
||||
Icon Button | 
|
||||
Progress | 
|
||||
Radio Button | 
|
||||
Raised Button | 
|
||||
Scroll Bar | 
|
||||
Slider | 
|
||||
Snackbar | 
|
||||
Tabs | 
|
||||
Text Field | 
|
||||
Toggle | 
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Avatar
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialAvatar</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/avatar.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Check Box
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialCheckBox</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/checkbox.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Circular Progress
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialCircularProgress</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/circularprogress.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Dialog
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialDialog</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/dialog.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Drawer
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialDrawer</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/drawer.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
FAB
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialFloatingActionButton</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/fab.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Flat Button
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialFlatButton</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/flatbutton.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Icon Button
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialIconButton</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/iconbutton.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Progress
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialProgress</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/progress.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Radio Button
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialRadioButton</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/radiobutton.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Raised Button
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialRaisedButton</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/raisedbutton.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Scroll Bar
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialScrollBar</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/scrollbar.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Slider
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialSlider</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/slider.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Snackbar
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialSnackBar</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/snackbar.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Tabs
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialTabs</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/tabs.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Text Field
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialTextField</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/textfield.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Toggle
|
||||
</td>
|
||||
<td>
|
||||
<code>QtMaterialToggle</code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<img src="gifs/toggle.gif" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
#### Implemented components
|
||||
|
||||
|
|
|
@ -14,13 +14,34 @@
|
|||
* \internal
|
||||
*/
|
||||
|
||||
/*!
|
||||
* \internal
|
||||
*/
|
||||
QtMaterialDrawerPrivate::QtMaterialDrawerPrivate(QtMaterialDrawer *q)
|
||||
: q_ptr(q),
|
||||
stateMachine(new QtMaterialDrawerStateMachine(q)),
|
||||
window(new QWidget),
|
||||
width(250),
|
||||
clickToClose(false)
|
||||
: q_ptr(q)
|
||||
{
|
||||
}
|
||||
|
||||
/*!
|
||||
* \internal
|
||||
*/
|
||||
QtMaterialDrawerPrivate::~QtMaterialDrawerPrivate()
|
||||
{
|
||||
}
|
||||
|
||||
/*!
|
||||
* \internal
|
||||
*/
|
||||
void QtMaterialDrawerPrivate::init()
|
||||
{
|
||||
Q_Q(QtMaterialDrawer);
|
||||
|
||||
stateMachine = new QtMaterialDrawerStateMachine(q);
|
||||
window = new QWidget;
|
||||
width = 250;
|
||||
clickToClose = false;
|
||||
autoRaise = true;
|
||||
|
||||
QVBoxLayout *layout = new QVBoxLayout;
|
||||
layout->addWidget(window);
|
||||
|
||||
|
@ -28,7 +49,6 @@ QtMaterialDrawerPrivate::QtMaterialDrawerPrivate(QtMaterialDrawer *q)
|
|||
q->setFixedWidth(width+16);
|
||||
|
||||
stateMachine->start();
|
||||
|
||||
QCoreApplication::processEvents();
|
||||
}
|
||||
|
||||
|
@ -40,6 +60,7 @@ QtMaterialDrawer::QtMaterialDrawer(QWidget *parent)
|
|||
: QtMaterialOverlayWidget(parent),
|
||||
d_ptr(new QtMaterialDrawerPrivate(this))
|
||||
{
|
||||
d_func()->init();
|
||||
}
|
||||
|
||||
QtMaterialDrawer::~QtMaterialDrawer()
|
||||
|
@ -90,12 +111,29 @@ bool QtMaterialDrawer::clickOutsideToClose() const
|
|||
return d->clickToClose;
|
||||
}
|
||||
|
||||
void QtMaterialDrawer::setAutoRaise(bool state)
|
||||
{
|
||||
Q_D(QtMaterialDrawer);
|
||||
|
||||
d->autoRaise = state;
|
||||
}
|
||||
|
||||
bool QtMaterialDrawer::autoRaise() const
|
||||
{
|
||||
Q_D(const QtMaterialDrawer);
|
||||
|
||||
return d->autoRaise;
|
||||
}
|
||||
|
||||
void QtMaterialDrawer::openDrawer()
|
||||
{
|
||||
Q_D(QtMaterialDrawer);
|
||||
|
||||
emit d->stateMachine->enterOpenedState();
|
||||
raise();
|
||||
|
||||
if (d->autoRaise) {
|
||||
raise();
|
||||
}
|
||||
}
|
||||
|
||||
void QtMaterialDrawer::closeDrawer()
|
||||
|
|
|
@ -23,6 +23,9 @@ public:
|
|||
void setClickOutsideToClose(bool state);
|
||||
bool clickOutsideToClose() const;
|
||||
|
||||
void setAutoRaise(bool state);
|
||||
bool autoRaise() const;
|
||||
|
||||
public slots:
|
||||
void openDrawer();
|
||||
void closeDrawer();
|
||||
|
|
|
@ -13,12 +13,16 @@ class QtMaterialDrawerPrivate
|
|||
|
||||
public:
|
||||
QtMaterialDrawerPrivate(QtMaterialDrawer *q);
|
||||
~QtMaterialDrawerPrivate();
|
||||
|
||||
void init();
|
||||
|
||||
QtMaterialDrawer *const q_ptr;
|
||||
QtMaterialDrawerStateMachine *const stateMachine;
|
||||
QWidget *const window;
|
||||
int width;
|
||||
bool clickToClose;
|
||||
QtMaterialDrawerStateMachine *stateMachine;
|
||||
QWidget *window;
|
||||
int width;
|
||||
bool clickToClose;
|
||||
bool autoRaise;
|
||||
};
|
||||
|
||||
#endif // DRAWER_P_H
|
||||
|
|
Loading…
Reference in New Issue