MainArticleView - HelloMocca/BattleAppforiOS GitHub Wiki

SuperClass: BAArticleView

Description

Home에서 메인뉴스기사를 출력하는 용도의 CustomView.

Specification

1. 이미지의 가로크기는 Screen의 width와 동일하다.
2. 이미지의 세로크기는 200으로 고정한다.
3. 기사 제목은 이미지View 위에 나타나도록 한다.
4. 기사 제목의 폰트의 스타일은 bold, 크기는 25로 한다.
5. 기사 제목은 Frame의 크기에 따라 줄바꿈이 이루어지도록 한다.
6. 기사 제목의 최대 라인은 2줄이다.
7. 2줄을 넘어갈 경우 기사 제목은 '...' 으로 끝나도록 한다.
8. 기사 제목의 text 색상은 cloudColor.
9. 기사 제목의 배경은 하단방향 블랙 그라디언트로 한다.
10. 작성자와 작성일의 스타일은 BAArticleView와 동일하도록 한다.

Properties

CAGradientLayer *gradientLayer

titleView에 sublayer로 추가될 gradientLayer를 참조.

UILabel *titleTextView

titieView에 subView로 추가되어 기사제목을 출력하는 UILabel을 참조.

BAArticle Override 메서드

- setFrame:(CGRect)frame

subView들의 Frame을 spec에 맞게 조정한다.
MainArticleView에 추가된 gradientLayer와 titleTextView에 대한 Frame재조정도 수행한다.

- setupViews

MainArticleView에 추가된 gradientLayer와 titleTextView에 대한 View 초기화를 수행한다.

- attachArticleInViews:(Article *)aArticle

MainArticleView의 경우 titleView는 gradiant 효과만 표현하기 때문에 titleView의 텍스트를 제거하고 새롭게 추가된 titleTextView에 기사제목을 출력하도록 한다.