Layout issues: Fix the layout ugliness on Mac & Linux

I seem to have found a sane way to create layouts:
If it's the 'outer' layout, the one that encapsulates everything:
- Horizontal Spacing: 5
- Vertical Spacing: 5

If it's a vertical inner layout that is grouping items like label +
control:
- Spacing: 0
This way the label will be 'touching' the item, without empty space, so
you know that the label refers to that widget.

If it's an horizontal inner layout:
- Spacing: 5
Different from the Vertical Layout, we don't want to make horizontal items
touch each other, a bit of space is fundamental to the eyes.

If it's a Grid Layout:
- Vertical Space: 0
- Horizontal Space: 5

Signed-off-by: Tomaz Canabrava <tomaz.canabrava@intel.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Tomaz Canabrava 2015-05-25 14:20:21 -03:00 committed by Dirk Hohndel
parent 7d1df992fa
commit d801bd622a
2 changed files with 190 additions and 75 deletions

View file

@ -18,6 +18,18 @@
<string>Notes</string> <string>Notes</string>
</attribute> </attribute>
<layout class="QGridLayout" name="diveNotesLayout"> <layout class="QGridLayout" name="diveNotesLayout">
<property name="leftMargin">
<number>5</number>
</property>
<property name="topMargin">
<number>5</number>
</property>
<property name="rightMargin">
<number>5</number>
</property>
<property name="bottomMargin">
<number>5</number>
</property>
<property name="spacing"> <property name="spacing">
<number>0</number> <number>0</number>
</property> </property>
@ -40,18 +52,39 @@
<rect> <rect>
<x>0</x> <x>0</x>
<y>0</y> <y>0</y>
<width>417</width> <width>449</width>
<height>744</height> <height>758</height>
</rect> </rect>
</property> </property>
<layout class="QVBoxLayout" name="verticalLayout"> <layout class="QVBoxLayout" name="verticalLayout_3">
<property name="leftMargin">
<number>0</number>
</property>
<property name="topMargin">
<number>0</number>
</property>
<property name="rightMargin">
<number>0</number>
</property>
<property name="bottomMargin">
<number>0</number>
</property>
<item> <item>
<layout class="QGridLayout" name="gridLayout"> <layout class="QGridLayout" name="gridLayout">
<property name="horizontalSpacing">
<number>5</number>
</property>
<property name="verticalSpacing">
<number>0</number>
</property>
<item row="0" column="0"> <item row="0" column="0">
<widget class="QLabel" name="label_2"> <widget class="QLabel" name="label_2">
<property name="text"> <property name="text">
<string>Date</string> <string>Date</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="0" column="1"> <item row="0" column="1">
@ -59,6 +92,9 @@
<property name="text"> <property name="text">
<string>Time</string> <string>Time</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="0" column="2"> <item row="0" column="2">
@ -66,6 +102,9 @@
<property name="text"> <property name="text">
<string>Air temp.</string> <string>Air temp.</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="0" column="3"> <item row="0" column="3">
@ -73,6 +112,9 @@
<property name="text"> <property name="text">
<string>Water temp.</string> <string>Water temp.</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="1" column="0"> <item row="1" column="0">
@ -115,44 +157,62 @@
</layout> </layout>
</item> </item>
<item> <item>
<layout class="QHBoxLayout" name="LocationLabelLayout"> <layout class="QVBoxLayout" name="verticalLayout">
<property name="spacing">
<number>0</number>
</property>
<item> <item>
<widget class="QLabel" name="LocationLabel"> <widget class="QLabel" name="LocationLabel">
<property name="text"> <property name="text">
<string>Location</string> <string>Location</string>
</property> </property>
</widget> <property name="alignment">
</item> <set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</layout>
</item>
<item>
<layout class="QHBoxLayout" name="horizontalLayout_2">
<item>
<widget class="QLineEdit" name="location">
<property name="readOnly">
<bool>false</bool>
</property> </property>
</widget> </widget>
</item> </item>
<item> <item>
<widget class="QPushButton" name="manageDiveSite"> <layout class="QHBoxLayout" name="horizontalLayout_2">
<property name="text"> <property name="spacing">
<string>manage</string> <number>2</number>
</property> </property>
</widget> <item>
</item> <widget class="QLineEdit" name="location">
<item> <property name="readOnly">
<widget class="QtWaitingSpinner" name="waitingSpinner" native="true"/> <bool>false</bool>
</property>
</widget>
</item>
<item>
<widget class="QPushButton" name="manageDiveSite">
<property name="text">
<string>manage</string>
</property>
</widget>
</item>
<item>
<widget class="QtWaitingSpinner" name="waitingSpinner" native="true"/>
</item>
</layout>
</item> </item>
</layout> </layout>
</item> </item>
<item> <item>
<layout class="QGridLayout" name="gridLayout_4"> <layout class="QGridLayout" name="gridLayout_4">
<property name="horizontalSpacing">
<number>5</number>
</property>
<property name="verticalSpacing">
<number>0</number>
</property>
<item row="0" column="0"> <item row="0" column="0">
<widget class="QLabel" name="DivemasterLabel"> <widget class="QLabel" name="DivemasterLabel">
<property name="text"> <property name="text">
<string>Divemaster</string> <string>Divemaster</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="0" column="1"> <item row="0" column="1">
@ -160,6 +220,9 @@
<property name="text"> <property name="text">
<string>Buddy</string> <string>Buddy</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="1" column="0"> <item row="1" column="0">
@ -180,6 +243,12 @@
</item> </item>
<item> <item>
<layout class="QGridLayout" name="gridLayout_3"> <layout class="QGridLayout" name="gridLayout_3">
<property name="horizontalSpacing">
<number>5</number>
</property>
<property name="verticalSpacing">
<number>0</number>
</property>
<item row="0" column="0"> <item row="0" column="0">
<widget class="QLabel" name="RatingLabel"> <widget class="QLabel" name="RatingLabel">
<property name="sizePolicy"> <property name="sizePolicy">
@ -250,6 +319,12 @@
</item> </item>
<item> <item>
<layout class="QGridLayout" name="gridLayout_2"> <layout class="QGridLayout" name="gridLayout_2">
<property name="horizontalSpacing">
<number>5</number>
</property>
<property name="verticalSpacing">
<number>0</number>
</property>
<item row="1" column="1"> <item row="1" column="1">
<widget class="QComboBox" name="DiveType"/> <widget class="QComboBox" name="DiveType"/>
</item> </item>
@ -258,6 +333,9 @@
<property name="text"> <property name="text">
<string>Tags</string> <string>Tags</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="0" column="1"> <item row="0" column="1">
@ -265,6 +343,9 @@
<property name="text"> <property name="text">
<string>Dive mode</string> <string>Dive mode</string>
</property> </property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property>
</widget> </widget>
</item> </item>
<item row="1" column="0"> <item row="1" column="0">
@ -295,65 +376,87 @@
</layout> </layout>
</item> </item>
<item> <item>
<widget class="QLabel" name="NotesLabel"> <layout class="QVBoxLayout" name="verticalLayout_2">
<property name="text">
<string>Notes</string>
</property>
</widget>
</item>
<item>
<layout class="QHBoxLayout" name="notesAndSocialNetworksLayout">
<property name="spacing"> <property name="spacing">
<number>0</number> <number>0</number>
</property> </property>
<item> <item>
<widget class="QTextEdit" name="notes"> <widget class="QLabel" name="NotesLabel">
<property name="readOnly"> <property name="text">
<bool>false</bool> <string>Notes</string>
</property>
<property name="alignment">
<set>Qt::AlignBottom|Qt::AlignLeading|Qt::AlignLeft</set>
</property> </property>
</widget> </widget>
</item> </item>
<item> <item>
<widget class="QWidget" name="socialNetworks" native="true"> <layout class="QHBoxLayout" name="notesAndSocialNetworksLayout">
<layout class="QVBoxLayout" name="socialNetworksLayout"> <property name="spacing">
<property name="spacing"> <number>0</number>
<number>0</number> </property>
</property> <item>
<item> <widget class="QTextEdit" name="notes">
<spacer name="verticalSpacer"> <property name="readOnly">
<property name="orientation"> <bool>false</bool>
<enum>Qt::Vertical</enum> </property>
</widget>
</item>
<item>
<widget class="QWidget" name="socialNetworks" native="true">
<layout class="QVBoxLayout" name="socialNetworksLayout">
<property name="spacing">
<number>0</number>
</property> </property>
<property name="sizeHint" stdset="0"> <property name="leftMargin">
<size> <number>0</number>
<width>20</width>
<height>40</height>
</size>
</property> </property>
</spacer> <property name="topMargin">
</item> <number>0</number>
<item>
<widget class="QPushButton" name="facebookPublish">
<property name="text">
<string/>
</property> </property>
<property name="icon"> <property name="rightMargin">
<iconset resource="../subsurface.qrc"> <number>0</number>
<normaloff>:/facebook</normaloff>:/facebook</iconset>
</property> </property>
<property name="iconSize"> <property name="bottomMargin">
<size> <number>0</number>
<width>32</width>
<height>32</height>
</size>
</property> </property>
<property name="flat"> <item>
<bool>true</bool> <spacer name="verticalSpacer">
</property> <property name="orientation">
</widget> <enum>Qt::Vertical</enum>
</item> </property>
</layout> <property name="sizeHint" stdset="0">
</widget> <size>
<width>20</width>
<height>40</height>
</size>
</property>
</spacer>
</item>
<item>
<widget class="QPushButton" name="facebookPublish">
<property name="text">
<string/>
</property>
<property name="icon">
<iconset resource="../subsurface.qrc">
<normaloff>:/facebook</normaloff>:/facebook</iconset>
</property>
<property name="iconSize">
<size>
<width>32</width>
<height>32</height>
</size>
</property>
<property name="flat">
<bool>true</bool>
</property>
</widget>
</item>
</layout>
</widget>
</item>
</layout>
</item> </item>
</layout> </layout>
</item> </item>
@ -387,8 +490,8 @@
<rect> <rect>
<x>0</x> <x>0</x>
<y>0</y> <y>0</y>
<width>98</width> <width>435</width>
<height>55</height> <height>736</height>
</rect> </rect>
</property> </property>
<layout class="QGridLayout" name="equipmentTabScrollAreaLayout"> <layout class="QGridLayout" name="equipmentTabScrollAreaLayout">
@ -443,8 +546,8 @@
<rect> <rect>
<x>0</x> <x>0</x>
<y>0</y> <y>0</y>
<width>330</width> <width>435</width>
<height>334</height> <height>736</height>
</rect> </rect>
</property> </property>
<layout class="QGridLayout" name="diveInfoScrollAreaLayout"> <layout class="QGridLayout" name="diveInfoScrollAreaLayout">
@ -760,8 +863,8 @@
<rect> <rect>
<x>0</x> <x>0</x>
<y>0</y> <y>0</y>
<width>328</width> <width>435</width>
<height>208</height> <height>736</height>
</rect> </rect>
</property> </property>
<layout class="QGridLayout" name="statsScrollAreaLayout"> <layout class="QGridLayout" name="statsScrollAreaLayout">

View file

@ -15,6 +15,18 @@
<property name="spacing"> <property name="spacing">
<number>0</number> <number>0</number>
</property> </property>
<property name="leftMargin">
<number>0</number>
</property>
<property name="topMargin">
<number>0</number>
</property>
<property name="rightMargin">
<number>0</number>
</property>
<property name="bottomMargin">
<number>0</number>
</property>
<item> <item>
<widget class="MultiFilter" name="multiFilter" native="true"/> <widget class="MultiFilter" name="multiFilter" native="true"/>
</item> </item>
@ -243,7 +255,7 @@
</action> </action>
<action name="actionEditDeviceNames"> <action name="actionEditDeviceNames">
<property name="text"> <property name="text">
<string>&amp;Edit device names</string> <string>Edit device &amp;names</string>
</property> </property>
</action> </action>
<action name="actionAddDive"> <action name="actionAddDive">
@ -699,7 +711,7 @@
</action> </action>
<action name="actionHash_images"> <action name="actionHash_images">
<property name="text"> <property name="text">
<string>Find moved images</string> <string>&amp;Find moved images</string>
</property> </property>
</action> </action>
</widget> </widget>