Reorder type buttons and highlight the currently selected one.

Author: ospr

Example/Source/Base.lproj/Main.storyboard

@@ -106,23 +106,23 @@
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="AIo-Bv-jmO" userLabel="Linear">
                                 <rect key="frame" x="0.0" y="134" width="203" height="30"/>
                                 <color key="backgroundColor" red="0.9165864587" green="0.89184486870000002" blue="0.27463445069999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                <state key="normal" title="Linear">
+                                <state key="normal" title="Logarithmic">
                                     <color key="titleColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                     <color key="titleShadowColor" red="0.5" green="0.5" blue="0.5" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 </state>
                                 <connections>
-                                    <action selector="doLinear" destination="GzX-4u-840" eventType="touchUpInside" id="Dfw-LG-KKA"/>
+                                    <action selector="doLogarithmic" destination="GzX-4u-840" eventType="touchUpInside" id="2Ev-Xe-X0A"/>
                                 </connections>
                             </button>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="t25-dP-LU3" userLabel="Logarithmic">
                                 <rect key="frame" x="211" y="134" width="203" height="30"/>
                                 <color key="backgroundColor" red="0.9165864587" green="0.89184486870000002" blue="0.27463445069999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-                                <state key="normal" title="Logarithmic">
+                                <state key="normal" title="Linear">
                                     <color key="titleColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                     <color key="titleShadowColor" red="0.5" green="0.5" blue="0.5" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 </state>
                                 <connections>
-                                    <action selector="doLogarithmic" destination="GzX-4u-840" eventType="touchUpInside" id="8C2-de-x46"/>
+                                    <action selector="doLinear" destination="GzX-4u-840" eventType="touchUpInside" id="t8d-KS-hFP"/>
                                 </connections>
                             </button>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="C2Y-UB-xTc">
@@ -186,6 +186,8 @@
                         </constraints>
                     </view>
                     <connections>
+                        <outlet property="linearButton" destination="t25-dP-LU3" id="A6s-ss-HvR"/>
+                        <outlet property="logarithmicButton" destination="AIo-Bv-jmO" id="suU-1L-G4Z"/>
                         <outlet property="playButton" destination="oh1-vd-YBA" id="b9j-po-y99"/>
                         <outlet property="waveform" destination="pHr-84-A7W" id="Cbo-cG-3Zd"/>
                     </connections>

Example/Source/ViewController.swift

@@ -13,6 +13,8 @@ import FDWaveformView
 class ViewController: UIViewController {
     @IBOutlet weak var waveform: FDWaveformView!
     @IBOutlet var playButton: UIView!
+    @IBOutlet weak var logarithmicButton: UIButton!
+    @IBOutlet weak var linearButton: UIButton!
 
     fileprivate var startRendering = Date()
     fileprivate var endRendering = Date()
@@ -89,10 +91,12 @@ class ViewController: UIViewController {
 
     @IBAction func doLinear() {
         self.waveform.waveformType = .linear
+        updateWaveformTypeButtons()
     }
 
     @IBAction func doLogarithmic() {
         self.waveform.waveformType = .logarithmic
+        updateWaveformTypeButtons()
     }
 
     @IBAction func doChangeColors() {
@@ -116,6 +120,19 @@ class ViewController: UIViewController {
         self.waveform.doesAllowScrubbing = true
         self.waveform.doesAllowStretch = true
         self.waveform.doesAllowScroll = true
+        updateWaveformTypeButtons()
+    }
+    
+    func updateWaveformTypeButtons() {
+        let (selectedButton, nonSelectedButton): (UIButton, UIButton) = {
+            switch self.waveform.waveformType {
+            case .linear: return (self.linearButton, self.logarithmicButton)
+            case .logarithmic: return (self.logarithmicButton, self.linearButton)
+            }
+        }()
+        selectedButton.layer.borderColor = #colorLiteral(red: 0, green: 0, blue: 0, alpha: 0.25).cgColor
+        selectedButton.layer.borderWidth = 2
+        nonSelectedButton.layer.borderWidth = 0
     }
 }