feat: 재생화면 뷰 구현(UI) #29
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,84 @@ | ||
| // | ||
| // LODescriptionView.swift | ||
| // Layover | ||
| // | ||
| // Created by 황지웅 on 11/15/23. | ||
| // | ||
|
|
||
| import UIKit | ||
|
|
||
| final class LODescriptionView: UIView { | ||
| static let descriptionWidth: CGFloat = 104 | ||
| static let descriptionHeight: CGFloat = 63 | ||
|
|
||
| // MARK: - View isTouched State | ||
|
|
||
| enum State { | ||
| case show | ||
| case hidden | ||
| } | ||
|
|
||
| // MARK: - Properties | ||
|
|
||
| private (set) var titleLabel: UILabel = { | ||
| let label: UILabel = UILabel() | ||
| label.numberOfLines = 1 | ||
| label.font = .loFont(type: .body1) | ||
| label.textColor = .layoverWhite | ||
| label.text = "제목 테스트" | ||
| return label | ||
| }() | ||
| private (set) var descriptionLabel: UILabel = { | ||
| let label: UILabel = UILabel() | ||
| label.textColor = .layoverWhite | ||
| label.font = .loFont(type: .body2) | ||
| label.numberOfLines = 0 | ||
| return label | ||
| }() | ||
|
|
||
|
There was a problem hiding this comment. Ready only로 쓰려고 private (set) var를 했는데 이렇게 쓸거면 private 풀고 let 박아두는게 나을거 같아서 수정했습니다 감사합니다. |
||
| private var descrioptionText: String = "" | ||
| var state: State = .hidden | ||
|
|
||
| override init(frame: CGRect) { | ||
| super.init(frame: frame) | ||
| setupConstraints() | ||
| } | ||
|
|
||
| required init?(coder: NSCoder) { | ||
| super.init(coder: coder) | ||
| setupConstraints() | ||
| } | ||
|
|
||
| // MARK: Method | ||
|
|
||
| private func setupConstraints() { | ||
| descriptionLabel.textColor = .layoverWhite | ||
| descriptionLabel.font = .loFont(type: .body2) | ||
| descriptionLabel.numberOfLines = 0 | ||
|
There was a problem hiding this comment. 선언시에 처리해주는 걸로 수정하셨으니 이부분은 이제 삭제해도 괜찮지 않을까요 ! |
||
| descriptionLabel.translatesAutoresizingMaskIntoConstraints = false | ||
| titleLabel.translatesAutoresizingMaskIntoConstraints = false | ||
| self.addSubviews(descriptionLabel, titleLabel) | ||
|
|
||
| NSLayoutConstraint.activate([ | ||
| titleLabel.leadingAnchor.constraint(equalTo: self.leadingAnchor), | ||
| titleLabel.bottomAnchor.constraint(equalTo: descriptionLabel.topAnchor), | ||
| descriptionLabel.topAnchor.constraint(equalTo: titleLabel.bottomAnchor), | ||
| descriptionLabel.leadingAnchor.constraint(equalTo: self.leadingAnchor), | ||
| descriptionLabel.widthAnchor.constraint(equalTo: self.widthAnchor) | ||
| ]) | ||
| } | ||
|
|
||
| func setText(_ content: String) { | ||
| let attrString: NSMutableAttributedString = NSMutableAttributedString(string: content) | ||
| let paragraphStyle = NSMutableParagraphStyle() | ||
| paragraphStyle.lineHeightMultiple = 1.3 | ||
| attrString.addAttribute(NSAttributedString.Key.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: attrString.length)) | ||
| descriptionLabel.attributedText = attrString | ||
| } | ||
|
|
||
| func checkLabelOverflow() -> Bool { | ||
| let originViewSize: CGSize = CGSize(width: LODescriptionView.descriptionWidth, height: LODescriptionView.descriptionHeight) | ||
| let currentSize: CGSize = descriptionLabel.intrinsicContentSize | ||
| return currentSize.height > originViewSize.height || currentSize.width > originViewSize.width | ||
| } | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| // | ||
| // LOSlider.swift | ||
| // Layover | ||
| // | ||
| // Created by 황지웅 on 11/15/23. | ||
| // | ||
|
|
||
| import UIKit | ||
|
|
||
| final class LOSlider: UISlider { | ||
| private let normalThumbImage: String = "LONormalThumb" | ||
| private let selectedThumbImage: String = "LOSelectedThumb" | ||
|
There was a problem hiding this comment. UISlider에 thumb는 UIImage로 밖에 못 넣는거 같아서.. 좀 더 확인해보겠습니다. There was a problem hiding this comment. resource loader 사용하시면 될 듯 해서 없어도 될 코드 인 것 같습니다. |
||
|
|
||
| override init(frame: CGRect) { | ||
| super.init(frame: frame) | ||
| self.minimumTrackTintColor = .primaryPurple | ||
| setThumbImage(UIImage(named: normalThumbImage), for: .normal) | ||
| self.minimumValue = 1 | ||
| self.maximumValue = 100 | ||
| self.value = 50 | ||
|
|
||
|
There was a problem hiding this comment. 함수로 감싸주세요.... There was a problem hiding this comment. 일단 레이아웃 뷰 배치만 하려고 임시로 설정했습니다. |
||
| } | ||
|
|
||
| required init?(coder: NSCoder) { | ||
| fatalError("init(coder:) has not been implemented") | ||
| } | ||
|
There was a problem hiding this comment. 코드 연쇄살인마를 위해 fatalError외에 구현해주세요... |
||
|
|
||
| override func beginTracking(_ touch: UITouch, with event: UIEvent?) -> Bool { | ||
| setThumbImage(UIImage(named: selectedThumbImage), for: .normal) | ||
|
There was a problem hiding this comment. setThumbImage(UIImage.selectedThumbImage, for: .normal |
||
| return true | ||
| } | ||
|
|
||
| override func endTracking(_ touch: UITouch?, with event: UIEvent?) { | ||
| setThumbImage(UIImage(named: normalThumbImage), for: .normal) | ||
| } | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| // | ||
| // LOTagStackView.swift | ||
| // Layover | ||
| // | ||
| // Created by 황지웅 on 11/16/23. | ||
| // Copyright © 2023 CodeBomber. All rights reserved. | ||
| // | ||
|
|
||
| import UIKit | ||
| final class LOTagStackView: UIStackView { | ||
| lazy var tagButton1: UIButton = setButton("#테스트1") | ||
| lazy var tagButton2: UIButton = setButton("#테스트2") | ||
| lazy var tagButton3: UIButton = setButton("#테스트3") | ||
|
|
||
| override init(frame: CGRect) { | ||
| super.init(frame: frame) | ||
| setUpConstraints() | ||
| } | ||
|
|
||
| required init(coder: NSCoder) { | ||
| super.init(coder: coder) | ||
| setUpConstraints() | ||
| } | ||
|
|
||
| private func setUpConstraints() { | ||
| [tagButton1, tagButton2, tagButton3].forEach { tagButton in | ||
| self.addArrangedSubview(tagButton) | ||
| } | ||
| self.alignment = .fill | ||
| self.distribution = .fillProportionally | ||
| self.axis = .horizontal | ||
| self.spacing = 8 | ||
| } | ||
|
|
||
| private func setButton(_ content: String) -> UIButton { | ||
| let button: UIButton = UIButton() | ||
| var config = UIButton.Configuration.plain() | ||
| config.titleTextAttributesTransformer = UIConfigurationTextAttributesTransformer { incoming in | ||
| var outgoing = incoming | ||
| outgoing.font = UIFont.loFont(type: .body2Bold) | ||
| return outgoing | ||
| } | ||
|
Comment on lines
+38
to
+43
|
||
| button.backgroundColor = UIColor.primaryPurple | ||
| button.setTitleColor(UIColor.layoverWhite, for: .normal) | ||
| button.setTitle(content, for: .normal) | ||
| button.configuration = config | ||
| button.configuration?.contentInsets = NSDirectionalEdgeInsets(top: 5.0, leading: 8.0, bottom: 5.0, trailing: 8.0) | ||
| button.layer.cornerRadius = 12 | ||
| return button | ||
| } | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| { | ||
| "images" : [ | ||
| { | ||
| "filename" : "Ellipse 46.png", | ||
| "idiom" : "universal", | ||
| "scale" : "1x" | ||
| }, | ||
| { | ||
| "filename" : "Ellipse 47.png", | ||
| "idiom" : "universal", | ||
| "scale" : "2x" | ||
| }, | ||
| { | ||
| "filename" : "Ellipse 48.png", | ||
| "idiom" : "universal", | ||
| "scale" : "3x" | ||
| } | ||
| ], | ||
| "info" : { | ||
| "author" : "xcode", | ||
| "version" : 1 | ||
| } | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| { | ||
| "images" : [ | ||
| { | ||
| "filename" : "big.png", | ||
| "idiom" : "universal", | ||
| "scale" : "1x" | ||
| }, | ||
| { | ||
| "filename" : "big 1.png", | ||
| "idiom" : "universal", | ||
| "scale" : "2x" | ||
| }, | ||
| { | ||
| "filename" : "big 2.png", | ||
| "idiom" : "universal", | ||
| "scale" : "3x" | ||
| } | ||
| ], | ||
| "info" : { | ||
| "author" : "xcode", | ||
| "version" : 1 | ||
| } | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
가능하면 mark 주석 부탁드립니다~