iOS 개발 에서 텍스트 아이콘 iconformant 를 사용 하 는 응용 예시

2702 단어 iOSiconfont
iOS 개발 에서 각종 아이콘 의 사용 은 불가피 하 다.만약 에 모든 아이콘 을 그림 으로 만들어 프로젝트 에 넣 으 면 프로젝트 가 점점 커지 면서 이미지 가 차지 하 는 부분 이 커지 고 설치 가방 도 커진다.만약 에 아이콘 이 장면 에 따라 서로 다른 색 을 사용 해 야 한다 면그림 을 만 들 려 면 다양한 색상 의 그림 이 여러 장 필요 하고,피 부 를 바 꿀 수 있 는 앱 의 경우 패 키 지 를 더 크게 설치 해 앱 의 패 키 지 를 날씬 하 게 만 들 기 위해 아이 폰 폰트 가 생 긴 다.iconformant 에 대한 소개 와 제작 방식 은 잠시 소개 하지 않 겠 습 니 다.
첫 번 째 단계:iconformant 파일 가 져 오기.
회사 에 서 는 UI 가 그림 을 만들어 서 파일 을 제공 하 게 했 으 면 좋 겠 는데,스스로 테스트 를 배우 거나 프로젝트 를 한다 면 스스로 소 재 를 찾 아야 한다.내 가 평소에 쓰 는 것 은 알 리 바 바 의 아이콘 라 이브 러 리http://www.iconfont.cn다.
인터넷 주 소 를 열 고 필요 한 아이콘 을 검색 하 세 요.

아이콘 으로 마 우 스 를 이동 하고 카 트 의 작은 아이콘 을 클릭 한 후 오른쪽 상단 에 있 는 카 트 의 작은 아이콘 을 클릭 합 니 다.

다운로드 코드 를 누 르 면 iconformant 를 포함 한 압축 패 키 지 를 다운로드 할 수 있 습 니 다.폴 더 의 디 렉 터 리 는 다음 과 같 습 니 다.

두 번 째 단계:ttf 파일 가 져 오기
폴 더 에 있 는 iconfont.ttf 파일 을 항목 에 직접 끌 어 다 놓 습 니 다.Add to targets 의 옵션 을 선택 하 십시오.
STEP 3:info.plist 수정
추가 단 추 를 누 르 고 UIAppFonts 를 입력 하고 리 턴 을 누 르 면 Fonts provided by application 이라는 배열 이 자동 으로 변 합 니 다.아 이 템 을 추가 하려 면 String 형식 을 누 르 고 iconfont.ttf 를 입력 하 십시오.이것 은 방금 가 져 온 파일 의 이름 입 니 다.리 턴 을 누 르 면 설정 이 완료 되 었 습 니 다.
STEP 4:iconformant 의 아이콘 인 코딩 보기
우 리 는 유 니 코드 를 사용 하기 때문에 방금 다운로드 한 폴 더 에서 demo 를 찾 았 습 니 다.유 니 코드.html 파일,더 블 클릭 으로 열 면 다음 내용 을 볼 수 있 습 니 다.

아이콘 이름 아래 문자열 은 우리 가 필요 로 하 는 인 코딩 입 니 다.단지 변환 이 필요 합 니 다.Objective-C 라면\U000me 642 로 전환 해 야 합 니 다.swift 라면\u{e642}로 전환 해 야 합 니 다.아이콘 마다 인 코딩 이 다 르 지만 대응 관 계 는 같 습 니 다.iconformant 파일 마다 아이콘 이 하나 가 아 닐 수도 있 습 니 다.사용 할 때 아이콘 인 코딩 에 따라 대응 하 는 것 으로 바 꾸 면 사용 할 수 있 습 니 다.
STEP 5:프로젝트 에서 iconformant 사용 하기
저 는 swift 를 사 용 했 습 니 다.Objective-C 의 사용 방식 은 비슷 합 니 다.직접 시도 해 보 세 요.인 코딩 의 변환 결과 만 다 릅 니 다.

let iconLabel = UILabel.init(frame: .init(x: 0, y: 0, width: 100, height: 30))
iconLabel.text = "\u{e642}"
iconLabel.font = UIFont.init(name: "iconfont", size: 15)
이 설정 font 의 name 은 파일 을 가 져 오 는 이름 입 니 다.아이콘 에 색 을 주 려 면 label 의 텍스트 색 을 직접 설정 하면 됩 니 다.크기 를 설정 하면 font 를 직접 설정 하면 됩 니 다.
요약:텍스트 아이콘 의 사용 이 편리 하고 설치 패키지 의 부 피 를 줄 일 수 있 습 니 다.프로젝트 에 아이콘 이 너무 많 거나 아이콘 색상 을 수시로 바 꿔 야 한다 면 사용 하 는 것 을 권장 합 니 다.몇 개 만 있 고 수시로 색상 을 바 꿀 필요 가 없다 면 그 럴 필요 가 없습니다.작은 아이콘 몇 개 를 자 르 면 됩 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기