본문 바로가기

2017/09

[FMX] TListView 더보기 버튼 구현하기 모바일 앱을 개발할 때에 리스트 항목이 많은 경우, 한번에 가져오면 시간이 오래 걸려 좋지 않은 사용자 경험이 됩니다. 이 경우, 리스트 중 일부를 빠르게 표시하고, 리스트 끝으로 이동 시 추가로 표시하는 방식을 통해 문제를 해결할 수 있습니다. 이 글에서는, 리스트뷰(TListView)의 목록 끝으로 이동 시, 더보기 버튼을 표시하도록 (매우 심플하게)구현합니다.버튼 클릭 시 항목을 추가합니다. 이 글을 참고해 리스트 끝으로 이동 시 자동으로 항목을 추가하도록 구현할 수도 있습니다. 리스트뷰 더보기 버튼 구현하기결과결과 화면은 다음과 같습니다. 처음 24개 항목 표시 후, 목록 끝으로 이동 시 버튼이 표시되고, 버튼을 눌러 항목을 추가합니다. 구현방법1) 더보기 버튼을 리스트뷰(TListView)에 올.. 더보기
[REST API] 다음 Kakao > 로컬 > 주소검색 연동하기 다음 등의 포털 사에서는 자사 데이터 일부를 Open API로 공개하고 있습니다.특히 지도나 주소, 검색 등은 직접 데이터를 수집하는 것보다 포털의 데이터를 활용하는 것이 개발 및 유지보수에 유리할 수 있습니다. 오늘은 데브기어 테크게시판을 통해 다음 카카오의 주소검색 API 연동을 문의주셔서 해당 내용을 공유합니다. 아래 샘플을 REST API를 이용해 카카오 주소 검색 Open API와 연동하는 내용입니다.(카카오 Open API의 대부분은 REST API를 제공합니다. ) 해당 내용을 잘 익혀서 다양한 Open API를 여러분의 앱에서 활용하실 수 있습니다. 카카오 개발자 > 로컬 : https://developers.kakao.com/docs/restapi/local 카카오 Open API를 연동.. 더보기
[FMX] 폼의 높이를 애니메이션으로 변경하기, 툴바를 끌어 폼 이동하기 약국용 라디오 어플을 개발하는 개발사에서는, 오래전부터 PC 기반으로만 라디오 서비스를 하고 있습니다.해당 개발사에서는 노후된 앱을 최신 운영체제(윈도우 10 등) 지원과 모바일 확장을 위해 파이어몽키로 재개발 중입니다.(파이어몽키는 윈도우, OSX, iOS, 안드로이드를 하나의 소스코드로 개발할 수 있습니다.) 개발 중 몇가지 질문을 주셔서 기술지원 후 해당 내용 일부를 공유합니다. 이 글에서는 다음 내용의 구현 방법을 소개합니다.1, 폼의 일부영역 보이기/가리기(Collapse)2, Border가 없는 폼에서 특정영역(Toolbar)을 마우스로 이동하기 결과 화면은 아래와 같습니다.1, 폼의 일부영역 보이기/가리기(Collapse)이 기능은 TFloatAnimation 컴포넌트를 사용해 손쉽게 구현할.. 더보기
[FMX] iOS 시스템 볼륨 제어하기 엠바카데로 블로그에 HARUYUKI MOHRI가 작성한 C++빌더로 iOS 시스템 볼륨 제어하는 내용이 있어 델파이로 작업해 봤습니다. 원글 : https://community.embarcadero.com/blogs/entry/how-to-control-the-system-audio-volume-of-ios?utm_source=Facebook_Organic&utm_medium=social 아래와 같이 Up/Down 버튼을 누르면 시스템 볼륨을 제어합니다. MPVolumeView 클래스(iOSapi.MediaPlayer.pas)와 UISlider 클래스(iOSapi.UIKit.pas)를 사용했습니다. uses 절에 "iOSapi.MediaPlayer, iOSapi.UIKit" 추가해야 합니다. 다음 2개 .. 더보기
TListView 행별로 배경색 설정 및 글꼴변경하기 리스트뷰(TListView)는 많은 데이터를 목록으로 표시하기 위한 컴포넌트입니다.스와이프(스크롤) 속도가 빠른 대신 항목 구성하기가 까다롭습니다. 이번 글에서는 리스트뷰 표현 방식 중 DynamicAppearance(동적 외관구성)를 이용해 외관 구성 후, 아래 기능을 구현했습니다.1) 표시 항목을 추가(현재 2개, 여러 항목 표시가능)2) 조건에 따라 배경색상을 변경3) 조건에 따라 글꼴 변경 결과 화면은 아래와 같습니다.(아이폰에서는 "여자" 글꼴을 Bold로 주니 글자가 약간 커지네요.) 구현한 내용은 아래와 같습니다.화면구성대표 컴포넌트는 리스트뷰(TListView)와 이미지리스트(TImageList)입니다.이미지 리스트에는 2개의 색상 이미지(16x16)를 추가했습니다. 리스트뷰의 ItemAp.. 더보기