LGButton

네이티브 UIControl 의 완전히 사용자 정의 할 수있는 서브 클래스로 코드 라인을 작성하지 않고도 아름다운 버튼을 만들 수 있습니다.

시사

인터페이스 빌더 만 사용하여 이와 같은 버튼을 만들 수 있습니다.

또한 비동기 작업에 사용할 수 있습니다.

설치하다

Cocoapods를 사용하여 lgbutton을 Xcode 프로젝트에 통합하려면 Podfile 에 지정하십시오.

 use_frameworks!

pod 'LGButton' 

아이콘과 이미지

버튼에 이미지/아이콘을 추가 할 수 있고, 아이콘이 다른 준비가 다른 글꼴 아이콘으로 가져 오면, 이미지는 프로젝트 자산 폴더에서 직접 가져올 수 있습니다.

왼쪽 및/또는 버튼 제목의 오른쪽에서 아이콘/이미지를 사용자 정의 할 수 있습니다.

아이콘

아이콘은 SwifticonFont 통합으로 관리되므로 가장 인기있는 글꼴 아이콘 컬렉션에서 선택하여 버튼 아이콘을 쉽게 추가하고 사용자 정의 할 수 있습니다. 특히:

수집	글꼴 이름	치트 시트
글꼴 굉장합니다	파	목록
이온 아이콘	io	목록
오티콘	OC	목록
상징적 인 개방	IC	목록
재료 아이콘	엄마	목록
테마	티	목록
지도 아이콘	미	목록

글꼴 아이콘을 사용하기 위해 설정 해야하는 주요 속성은 다음과 같습니다.

• 아이콘 글꼴 이름 : 위의 표에서 하나의 값을 선택할 수 있습니다. 다른 값을 무시할 수 있습니다 (글꼴 라이브러리 업데이트 직후이 라이브러리가 업데이트되지 않을 수 있으므로 모든 아이콘을 사용할 수있는 것은 아닙니다).

• 아이콘 문자열 : 컬렉션 접두사없이 치트 시트에서 가져온 아이콘 이름.

따라서 Font Awesome 에서 fa-align-left 사용하려면 Icon Font 이름이 fa 이고 Icon String은 align-left 됩니다.

이미지

자산 폴더에서 이미지를 사용하려면 이미지 소스 속성을 설정하십시오.

참고 : 이미지 소스가 설정되면 같은 쪽의 글꼴 아이콘에 대한 다른 모든 속성이 무시됩니다.

용법

UIView 객체를 뷰 컨트롤러로 끌어다 놓고 클래스와 모듈을 LGButton 으로 설정하십시오.

인터페이스 빌더에서 속성을 설정하여 버튼을 사용자 정의하십시오.

지원되는 속성

기인하다	설명	기본값
BG 색상	주요 배경색	분명한
터치 피드백 표시	터치 피드백이 표시되어야하는지 여부	진실
그라디언트 시작 색상	그라디언트 배경의 첫 번째 색상	무
그라디언트 엔드 컬러	그라디언트 배경의 두 번째 색상	무
그라디언트 엔드 컬러	그라디언트 배경의 두 번째 색상	무
구배 수평	그라디언트가 수평이어야하는지 여부	거짓
그라디언트 회전	그라디언트 회전 각도를 설정합니다 (-360에서 360도)	0
코너 반경	코너 반경	0.0
완전히 둥근 모서리	코너 반경을 높이/2에 적용하십시오	거짓
테두리 색상	테두리 색상	하얀색
테두리 너비	경계 너비	0.0
제목 색상	제목 색상	하얀색
제목 문자열	제목 문자열	empty_string
제목 글꼴 이름	제목 글꼴 이름	무
제목 글꼴 크기	제목 글꼴 크기	14.0
수직 방향	true 경우 왼쪽 아이콘이 상단에 배치되고 오른쪽 아이콘이 하단에 배치됩니다.	거짓
왼쪽 아이콘 문자열	왼쪽 아이콘의 이름 (치트 시트에서 가져온)	empty_string
왼쪽 아이콘 글꼴 이름	왼쪽 아이콘 글꼴 이름의 이름 (위 표에서 가져온)	empty_string
왼쪽 아이콘 글꼴 크기	왼쪽 아이콘 글꼴 크기	14.0
왼쪽 아이콘 색상	왼쪽 아이콘 색상	하얀색
왼쪽 이미지 SRC	좌익 자산의 이름	무
왼쪽 이미지 높이	왼쪽 이미지 높이	20.0
왼쪽 이미지 너비	왼쪽 이미지 너비	20.0
왼쪽 이미지 색상	왼쪽 이미지 색조 색상	무
오른쪽 아이콘 문자열	오른쪽 아이콘의 이름 (치트 시트에서 가져온)	empty_string
오른쪽 아이콘 글꼴 이름	오른쪽 아이콘 글꼴 이름의 이름 (위 표에서 가져온)	empty_string
오른쪽 아이콘 글꼴 크기	오른쪽 아이콘 글꼴 크기	14.0
오른쪽 아이콘 색상	오른쪽 아이콘 색상	하얀색
오른쪽 이미지 SRC	올바른 소스 자산의 이름	무
오른쪽 이미지 높이	올바른 이미지 높이	20.0
오른쪽 이미지 너비	오른쪽 이미지 너비	20.0
오른쪽 이미지 색상	올바른 이미지 색조 색상	무
제목 아이콘 간격	제목과 이미지/아이콘 사이의 간격	16.0
간격 상단	내부 상단 간격	8.0
바닥 간격	내부 하단 간격	8.0
간격을 선도합니다	내부 선도 간격	16.0
간격 후	내부 후행 간격	16.0
그림자 오프셋	그림자 오프셋	(0,0)
그림자 반경	그림자 반경	0.0
그림자 불투명도	그림자 불투명도	1.0
그림자 색상	그림자 색상	검은색
스피너 색상 로딩	로딩 스피너 색상	하얀색
로드 스트링	로드 메시지 텍스트	empty_string
글꼴 이름을로드합니다	로드 메시지 글꼴 이름	empty_string
글꼴 크기 로딩	로딩 메시지 글꼴 크기	14.0
왼쪽 정렬	버튼 항목을 왼쪽에 정렬 해야하는 true . 버튼에 고정 너비가 있어야합니다	거짓
오른쪽 정렬	버튼 항목을 오른쪽에 정렬 해야하는 true . 버튼에 고정 너비가 있어야합니다	거짓

더 확인하려면 데모 프로젝트를 다운로드 할 수 있습니다.

문제

문제와 기능 요청을 자유롭게 제출하십시오.

기여

기부금은 환영합니다. 귀하의 기여에는 버그 수정 또는/및 새로운 기능이 포함될 수 있습니다.

"Fork-and-Pull"Git 워크 플로우를 따르십시오 (자세한 내용은 여기를 확인하십시오).

1. github의 repo를 포크합니다
2. 프로젝트를 자신의 기계로 복제하십시오
3. 자신의 지점에 변경을 저지르십시오
4. 작업을 포크로 밀어 넣으십시오
5. 변경 사항을 검토 할 수 있도록 풀 요청을 제출하십시오.

참고 : 풀 요청을하기 전에 "업스트림"에서 최신 정보를 병합하십시오!

작가

로렌조 그레코

• 웹 사이트
• LinkedIn

크레딧

Swifticonfont 프로젝트는 아이콘을 사용할 준비를 위해 사용됩니다.

특허

 MIT License

Copyright (c) 2017 Lorenzo Greco

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.