머티리얼 디자인 스타일의 Qita 애플리케이션(Android)을 만들었습니다!

2851 단어 AndroidJava

개시하다


우리는 여가 시간에 Qita 투고를 쉽게 볼 수 있는 앱을 만들었다.본고는 디자인 요점 등을 간단하게 소개할 것이다.언젠가는 아이폰 버전도 나올 것 같아요.
응용 프로그램 URL 여기 있습니다.
https://play.google.com/store/apps/details?id=com.appspot.parisienneapps.qiita&hl=ja

기능 목록

  • 전체/등록된 태그의 새로운 발언을 표시하는 기능
  • 자신의 재고를 표시하는 발언 기능
  • 발언의 검색 기능
  • 사용자별 발언/재고별 발언 기능
  • 각 탭의 발언을 표시하는 기능
  • (로그인 시) 발언 저장/해제 기능
  • 설계 요점


    배색


    Material Design의 팔레트에서 색상을 사용했습니다.
    http://www.google.com/design/spec/style/color.html
    주로 사용되는 색상은 다음과 같습니다.
  • Cyan
  • Lime
  • Teal
  • Gray
  • 동작 표시줄


    각 화면에서 Action Bar의 색상과 아이콘이 변경됩니다.나는 이것이 다른 응용 프로그램에 없는 특징이라고 생각한다.색상은 위의 Cyan, Teal, Gray를 사용했습니다.


    시계 부적을 만든 인디언들은 가늘고 길다.Material Design의 샘플 화면에 있는 것을 참고했습니다.
    http://www.google.com/design/spec/components/tabs.html#tabs-usage
    라이브러리가 이곳을 사용하고 있습니다.
    https://github.com/astuetz/PagerSlidingTabStrip

    업데이트 드래그


    Support Library revision 19.1.0에 추가된 SwiperRefresh Layout을 사용합니다.이것도 Material Design의 색상 팔레트의 색상입니다.4가지 색상 선택이 어렵습니다.
    가져오고 싶으면 이 페이지를 참고하십시오.
    http://dev.classmethod.jp/smartphone/swiperefreshlayout/

    문자 크기


    Material Design의 문자 치수를 사용한 베이스 그룹의 12sp, 14sp, 16sp입니다.
    http://www.google.com/design/spec/style/typography.html#typography-roboto

    애니메이션


    화면 전환은fadein,right-slidein,right-slideout을 사용합니다.

    최후


    앱에 대한 질문과 요구가 있으면 댓글로 남겨주세요!

    좋은 웹페이지 즐겨찾기