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/



저작자 표시 비영리 동일 조건 변경 허락
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

험프리.김현수 험프리.김현수 파이어몽키 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/

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




저작자 표시 비영리 동일 조건 변경 허락
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

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

  1. Blog Icon
    gg..

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

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

2014.03.27 10:54

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






관련링크



저작자 표시 비영리 동일 조건 변경 허락
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

험프리.김현수 험프리.김현수 파이어몽키 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을 이용한 내용 곧 포스팅 예정이니 해당 내용도 참고하시면 도움이 될것 같습니다.
    이달안에 포스팅하겠습니다.^^