제목: Freshchat iOS SDK 테마
Freshchat은 지원 UI가 앱의 외관과 느낌에 맞도록 테마를 설정할 수 있습니다. SDK에는 SDK의 외관과 느낌을 제어하는 "FCTheme.plist" 파일이 포함되어 있습니다. 이 파일을 앱의 프로젝트에 복사하여 원하는 결과를 얻기 위해 편집할 수 있으며, 이를 통해 지원 UI가 앱에 자연스럽게 어우러지도록 할 수 있습니다. 이 파일의 이름을 변경하려면 초기화 코드에 다음을 포함하여 SDK에 테마 파일을 사용하도록 지시할 수 있습니다. config.themeName = @"";
테마 값 입력 지침
폰트 이름 - 폰트 이름은 가족과 스타일을 사용하여 지정해야 합니다. 예를 들어, HelveticaNeue-Light는 "Light" 스타일의 HelveticaNeue 폰트를 나타냅니다. iOS에서 지원하는 폰트 가족을 보려면 iosfonts.com을 참조하세요. 사용자 정의 폰트를 사용하려면 ttf 파일을 프로젝트에 직접 가져와 테마 plist에서 해당 이름을 참조할 수 있습니다.
폰트 크기 - 폰트 크기는 부동 소수점 값으로 지정할 수 있습니다. 예를 들어, 14.0f.
색상 - 색상은 16진수 형식으로 지정해야 합니다. 예를 들어 #FFFFFF는 흰색입니다.
이미지 - Freshchat은 iOS 이미지 명명 규칙을 따릅니다. 필요한 이미지는 프로젝트에 포함되어야 하며 파일 이름으로 참조할 수 있습니다. 예를 들어, "Image1.png"는 비 레티나 디스플레이에서 사용되며 "Image1@2x.png"는 레티나 디스플레이에서 사용됩니다.
iOS 8 및 이하 - Helvetica Neue
iOS 9 - San Francisco
iOS 10 및 이상 - Helvetica Neue
참고: SDK는 기본적으로 SYS_DEFAULT_FONT_NAME을 사용하며, 구성 요소 수준에서 전역적으로 사용자 정의할 수 있습니다.
채팅 버블 사용자 정의
대화 보기의 채팅 버블도 색상을 사용자 정의할 수 있습니다. SDK에 포함된 이미지의 크기와 일치하는 한 채팅 버블 이미지를 교체할 수 있습니다. 크기가 일치하지 않는 경우 테마 파일에서 채팅 버블의 인셋을 제어할 수 있습니다.
참고: 테마 변경 사항이 앱에 반영되지 않는 경우 파생 데이터를 지운 후 클린 빌드를 수행하세요.
FAQ 기사 세부사항 사용자 정의
Freshchat에서 FAQ 기사의 외관과 느낌을 변경할 수 있습니다. 이를 위해,
FCResources.bundle로 이동합니다.
normalize.css 파일을 복사하여 앱의 프로젝트 폴더에 배치합니다.
프로젝트 폴더에서 normalize.css 파일의 이름을 변경하여 파일 이름 중복을 피합니다.
다음으로, FCTheme.plist 파일로 이동하여 기타 카테고리 아래에 "ArticleDetailCSSFileName" 키를 추가합니다.
키 값을 새 .css 파일 이름으로 정의합니다.
이제 요구 사항에 따라 프로젝트 폴더의 .css 파일을 변경할 수 있습니다.
참고: 이렇게 하면 iOS SDK 버전이 업데이트될 때 css 사용자 정의가 자동으로 적용됩니다.
테마 가이드
다음 이미지는 테마 파일에서 사용되는 키에 대한 가이드입니다.