AvatarView Initial Fix. No support for smallest font.

tapanprakasht · Sep 19, 2017 · 337dc3c · 337dc3c
1 parent 31d71b4
commit 337dc3c
Show file tree

Hide file tree

Showing 2 changed files with 93 additions and 11 deletions.
diff --git a/Sources/AvatarView.swift b/Sources/AvatarView.swift
@@ -25,33 +25,52 @@
 import Foundation
 
 open class AvatarView: UIView {
-
+    
     // MARK: - Properties
-
+
+    public var adjustsFontSizeToFitWidth = true
     open var avatar: Avatar = Avatar()
     open var imageView = UIImageView()
+    private var radius: CGFloat?
+
+    // MARK: - Overrided Properties
+    open override var frame: CGRect {
+        didSet {
+            imageView.frame = bounds
+            setCorner(radius: self.radius)
+        }
+    }
 
     // MARK: - Initializers
-    override init(frame: CGRect) {
+    override public init(frame: CGRect) {
         super.init(frame: frame)
         prepareView()
     }
 
     convenience public init() {
-        let frame = CGRect(x: 0, y: 0, width: 30, height: 30)
-        self.init(frame: frame)
-        prepareView()
+        self.init(frame: .zero)
     }
 
     private func getImageFrom(initals: String, withColor color: UIColor = UIColor.white, fontSize: CGFloat = 14) -> UIImage {
-        _ = UIGraphicsBeginImageContext(CGSize(width: 30, height: 30))
+        let width = frame.width
+        let height = frame.height
+        if width == 0 || height == 0 {return UIImage()}
+        var font = UIFont.systemFont(ofSize: fontSize)
+
+        _ = UIGraphicsBeginImageContext(CGSize(width: width, height: height))
         let context = UIGraphicsGetCurrentContext()!
 
         //// Text Drawing
-        let textRect = CGRect(x: 5, y: 6, width: 20, height: 20)
+        let textRect = calculateTextRect(outerViewWidth: width, outerViewHeight: height)
+        if adjustsFontSizeToFitWidth,
+            initals.width(considering: textRect.height, and: font) > textRect.width {
+            let newFontSize = calculateFontSize(text: initals, font: font, width: textRect.width, height: textRect.height)
+            font = UIFont.systemFont(ofSize: newFontSize)
+        }
+
         let textStyle = NSMutableParagraphStyle()
         textStyle.alignment = .center
-        let textFontAttributes = [NSFontAttributeName: UIFont.systemFont(ofSize: fontSize), NSForegroundColorAttributeName: color, NSParagraphStyleAttributeName: textStyle]
+        let textFontAttributes = [NSFontAttributeName: font, NSForegroundColorAttributeName: color, NSParagraphStyleAttributeName: textStyle]
 
         let textTextHeight: CGFloat = initals.boundingRect(with: CGSize(width: textRect.width, height: CGFloat.infinity), options: .usesLineFragmentOrigin, attributes: textFontAttributes, context: nil).height
         context.saveGState()
@@ -62,6 +81,37 @@ open class AvatarView: UIView {
         return renderedImage
     }
 
+    /**
+     Recursively found the biggest size that can fit to given width and height
+     */
+    private func calculateFontSize(text: String, font: UIFont, width: CGFloat, height: CGFloat) -> CGFloat {
+        if text.width(considering: height, and: font) > width {
+            let newFont = UIFont.systemFont(ofSize: (font.pointSize - 1))
+            return calculateFontSize(text: text, font: newFont, width: width, height: height)
+        }
+        return font.pointSize
+    }
+
+    /**
+     Calculates the inner circle's width.
+     Assumption: Corner radius cannot be more than width/2 (this creates circle)
+     */
+    private func calculateTextRect(outerViewWidth: CGFloat, outerViewHeight: CGFloat) -> CGRect {
+        guard outerViewWidth > 0 else {
+            return CGRect.zero
+        }
+        let shortEdge = min(outerViewHeight, outerViewWidth)
+        // Converts degree to radian degree and calculate the
+        // Assumes, it is a perfect circle based on the shorter part of ellipsoid
+        // calculate a rectangle
+        let w = shortEdge * sin(CGFloat(45).degreesToRadians) * 2
+        let h = shortEdge * cos(CGFloat(45).degreesToRadians) * 2
+        let startX = (outerViewWidth - w)/2
+        let startY = (outerViewHeight - h)/2
+        // In case the font exactly fits to the region, put 2 pixel both left and right
+        return CGRect(x: startX+2, y: startY, width: w-4, height: h)
+    }
+
     required public init?(coder aDecoder: NSCoder) {
         fatalError("init(coder:) has not been implemented")
     }
@@ -73,9 +123,9 @@ open class AvatarView: UIView {
         contentMode = .scaleAspectFill
         layer.masksToBounds = true
         clipsToBounds = true
-        addSubview(imageView)
         imageView.contentMode = .scaleAspectFill
         imageView.frame = frame
+        addSubview(imageView)
         imageView.image = avatar.image ?? getImageFrom(initals: avatar.initals)
         setCorner(radius: nil)
     }
@@ -93,9 +143,11 @@ open class AvatarView: UIView {
     open func setCorner(radius: CGFloat?) {
         guard let radius = radius else {
             //if corner radius not set default to Circle
-            layer.cornerRadius = frame.height/2
+            let cornerRadius = min(frame.width, frame.height)
+            layer.cornerRadius = cornerRadius/2
             return
         }
+        self.radius = radius
         layer.cornerRadius = radius
     }
 

diff --git a/Sources/FloatingPoint+Extensions.swift b/Sources/FloatingPoint+Extensions.swift
@@ -0,0 +1,30 @@
+/*
+ MIT License
+
+ Copyright (c) 2017 MessageKit
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+ */
+
+import Foundation
+
+extension FloatingPoint {
+    var degreesToRadians: Self { return self * .pi / 180 }
+    var radiansToDegrees: Self { return self * 180 / .pi }
+}