Merge pull request #6 from tbirdso/add-blog-v2-resources

ENH: Add example button for updating styling at runtime

Author: sjh26

Modules/Scripted/Example/CMakeLists.txt

@@ -4,16 +4,21 @@ set(MODULE_NAME Example)
 #-----------------------------------------------------------------------------
 set(MODULE_PYTHON_SCRIPTS
   ${MODULE_NAME}.py
+  ${MODULE_NAME}Lib/__init__.py
   )
 
 set(MODULE_PYTHON_RESOURCES
-  Resources/Icons/${MODULE_NAME}.png
+  Resources/Icons/Example.png
+  Resources/slicerorg.qss
   )
 
+slicerFunctionAddPythonQtResources(MODULE_PYTHON_QRC_RESOURCES
+  ${MODULE_NAME}Lib/${MODULE_NAME}.qrc)
+
 #-----------------------------------------------------------------------------
 slicerMacroBuildScriptedModule(
   NAME ${MODULE_NAME}
-  SCRIPTS ${MODULE_PYTHON_SCRIPTS}
+  SCRIPTS ${MODULE_PYTHON_SCRIPTS} ${MODULE_PYTHON_QRC_RESOURCES}
   RESOURCES ${MODULE_PYTHON_RESOURCES}
   WITH_GENERIC_TESTS
   )

Modules/Scripted/Example/Example.py

@@ -4,6 +4,8 @@
 from slicer.ScriptedLoadableModule import *
 import logging
 
+from ExampleLib import ExampleResources as Resources
+
 #
 # Example
 #
@@ -38,11 +40,16 @@ class ExampleWidget(ScriptedLoadableModuleWidget):
   https://github.com/Slicer/Slicer/blob/master/Base/Python/slicer/ScriptedLoadableModule.py
   """
 
+  customQssEnabled = False
+
   def setup(self):
     ScriptedLoadableModuleWidget.setup(self)
 
     # Instantiate and connect widgets ...
 
+    # Custom toolbar for applying style
+    self.modifyWindowUI()
+
     #
     # Parameters Area
     #
@@ -133,6 +140,27 @@ def onApplyButton(self):
     imageThreshold = self.imageThresholdSliderWidget.value
     logic.run(self.inputSelector.currentNode(), self.outputSelector.currentNode(), imageThreshold, enableScreenshotsFlag)
 
+  def modifyWindowUI(self):
+    mainToolBar = slicer.util.findChild(slicer.util.mainWindow(), 'MainToolBar')
+
+    self.CustomToolBar = qt.QToolBar("CustomToolBar")
+    self.CustomToolBar.name = "CustomToolBar"
+    slicer.util.mainWindow().insertToolBar(mainToolBar, self.CustomToolBar)
+    
+    moduleIcon = qt.QIcon(":/Icons/Restyle.png")
+    self.StyleAction = self.CustomToolBar.addAction(moduleIcon, "")
+    self.StyleAction.triggered.connect(self.toggleStyle)
+
+  def toggleStyle(self):
+    if self.customQssEnabled:
+      with open(self.resourcePath("slicerorg.qss"),"r") as fh:
+        style = fh.read()
+        for widget in [slicer.app]:
+          widget.styleSheet = style
+    else:
+      slicer.app.styleSheet = ''
+    self.customQssEnabled = not self.customQssEnabled
+    
 #
 # ExampleLogic
 #

Modules/Scripted/Example/ExampleLib/Example.qrc

@@ -0,0 +1,12 @@
+<!DOCTYPE RCC>
+<!--
+  See http://www.slicer.org/slicerWiki/index.php/Documentation/Nightly/Developers/Build_system/Qt_resource_files for more information.
+-->
+
+<RCC version="1.0">
+
+  <qresource prefix="/">    
+    <file>Icons/Restyle.png</file>
+  </qresource>
+
+</RCC>

Modules/Scripted/Example/ExampleLib/Icons/Restyle.png

@@ -0,0 +1,10 @@
+QWidget{color:#576071;
+	background-color: #dbdbdb;
+	font-family: "Helvetica","Arial"}
+QPushButton { background-color: #129A68;
+	color: #FFFFFF;
+	border: 2px solid #dbdbdb;
+	border-radius:4px}
+QPushButton:hover { background-color: #dbdbdb;
+	color: #129A68;
+	border-radius:4px}