Home Screen Navigation - UI Design 참고

2014.06.19 10:11

앱의 메인화면을 아이콘을 활용해 멋지게 구성하는 내용을 소개합니다.


아래와 같이 구성하는 내용인데요.

아이콘들의 구성을 위해서 TGridPanelLayout 컴포넌트를 이용하고, 

아이콘은 ImageControl을 이용해 구성됩니다.


자세한 내용은 아래 링크를 통해 확인하세요.

http://blogs.embarcadero.com/sarinadupont/2014/06/16/mobile-user-interface-design-home-screen-navigation/



저작자 표시 비영리 동일 조건 변경 허락
신고

험프리.김현수 파이어몽키 UI

당겨서 새로고침(Pull to refresh) - 안드로이드, iOS 구현

2014.06.19 10:00

이전에 iOS용 당겨서 새로고침 글을 소개해 드렸는데요.

안드로이드에서 안된다는 말씀이 있어 찾아보니 Android와 IOS를 동시에 사용할 수 있는 내용이 있어 소개해 드립니다.


첫번째는, 

유튜브를 통해 찾은 내용입니다.

당겨서 새로고침을 구현하는 내용을 동영상을 통해 안내합니다.

UI 구성 뿐 아니라 데이터를 가져오는 부분까지 설명을 해줍니다.

단, 이야기하는 언어가 한국어/영어가 아니므로, 화면만 보시며 따라하셔야 합니다.



두번째는 이전에 소개해 드린 iOS용 당겨서 새로고침을 안드로이드에서도 사용할 수 있도록 수정한 내용입니다.

http://www.fmxexpress.com/swipe-down-to-refresh-listview-with-delphi-xe5-firemonkey-on-android-and-ios/

하단의 안드로이드용 소스코드를 다운받으셔서 기능을 추가하시면 됩니다.




저작자 표시 비영리 동일 조건 변경 허락
신고

험프리.김현수 파이어몽키 android, ios, pull to refresh, UI

  1. Blog Icon
    gg..

    안녕하세요. 델파이 xe 5 를 사용하고 있는 유저인데요.
    sdk 를 업데이트하고 usb 디버깅을 사용해도,
    타겟에 핸드폰이 인식이 안되는건 대체 무슨 증상일까요..ㅠㅠㅠ

모바일 Gesture로 메뉴를 표시/감추기(소스공개)

2014.03.27 10:54

제스쳐(손가락 끌기)로 좌측 메뉴를 표시하고 감추는 샘플 동영상 및 코드입니다.






관련링크



저작자 표시 비영리 동일 조건 변경 허락
신고

험프리.김현수 파이어몽키 Drawer, Gesture, Menu, UI, 모바일, 소스공개

  1. Blog Icon
    관심

    궁금한게 한가지 있습니다.
    XE5로 안드로이드 앱 작업중인데.. main.pas 와 sub.pas 이렇게 두개의 창이 있는데..
    서로 데이터를 주고 받고 싶은데.. 그게 잘 않되더라구요..
    main.pas에서 fromSub.show 해서 창이 띄우고 그곳에서 작업을 해서 해당 결과를 main 창으로 가져오려고
    전역 변수도 써보고 했는데.. 그 데이터가 않들어 오더라구요..
    혹시 방법이 잘못된 것인지요.. 일반 C/S 프로그램만 개발해 봐서리.. 잘 모르겠네요..
    알려주세요.. ^^

  2. 아이디어를 2가지 드릴게요.
    1, SubForm에 이벤트를 통해 내용을 전달할 수 있습니다.
    property OnData: TNotifyEvent read FOnData write FOnData;
    서브폼에서 결과가 나오면 아래의 이벤트를 발생시키고 메인폼에서 서브폼의 public한 데이터를 참고하면 좋을 것 같네요.(너무 어렵나요?)

    2, 모바일에서는 TFrame을 사용하시면 편리합니다.

  3. TSubForm = class(TForm)
    ...
    private
    FData: TMemoryStream;
    procedure DoData;
    public
    property OnData: TNotifyEvent read FOnData write FOnData;
    property Data: TMemoryStream read FData; // 원하시는 데이터 등등...
    end;

    implimentation

    procedure TSubForm.DoData;
    begin
    if Assigned(FonData) then
    FOnData(Self);
    end;

    /////

    TMainForm = ...
    private
    procedure SubFormDataEvent(Sender: TObject);
    end;

    ///
    SubForm := TSubForm.Create(Self);
    SubForm.OnData := SubFormDataEvent;

    //
    procedure TmainForm.SubFormDataEvent(Sender: TObject);
    begin
    if SubForm.Data.Size > 0 then
    begin
    ........
    end;
    end;

    위의 답변이 너무어려워 몇자 구현코드를 추가했는데 이해되실지 모르겠네요 ...-_-; 쉽운 설명은 너무 어려워요...
    대충 흐름만 보시면 될 것 같습니다.

  4. Blog Icon
    관심

    정말 감사합니다..
    함 도전해보구.. 다른 질문 사항 있으면 다시 여쭤 볼께요..
    정말 염치가 없지만 감사합니다..

  5. TFrame을 이용한 내용 곧 포스팅 예정이니 해당 내용도 참고하시면 도움이 될것 같습니다.
    이달안에 포스팅하겠습니다.^^