programing tip

작업 표시 줄 아이콘 크기

itbloger 2020. 12. 11. 07:54
반응형

작업 표시 줄 아이콘 크기


액션 바 아이콘 에 따르면 mdpi 화면의 액션 바 아이콘은 24 x 24 픽셀이어야하지만 mdpi 용 액션 바 아이콘 팩의 아이콘 은 32 x 32 픽셀입니다. 크기는 다른 화면 크기와도 일치하지 않습니다. 그렇다면 어느 것이 옳고 작업 표시 줄 아이콘의 크기는 얼마입니까?


업데이트 :이 답변은 더 이상 유효하지 않습니다. 최신 지침은 아래 답변을 참조하십시오.

32x32dp 여야한다고 생각하지만 실제 이미지 자체는 24dpx24dp 중앙에 있어야합니다. Android 디자인 웹 사이트에는 올바른 가이드 라인이 있습니다.

이에 대한 버그 보고서를 제출 했지만 아직 아무것도 듣지 못했습니다 ...


------- 업데이트 2015.10.17 --------

새로운 Google 디자인 가이드 라인 은 "시스템 아이콘은 24dp로 표시됩니다.", "아이콘 콘텐츠는 20x20dp 라이브 영역으로 제한되며 경계 주위에 4px의 트림이 있습니다."

여기에 이미지 설명 입력 ------낡은-------

전체 자산, 32x32 dp; 광학 사각형, 24x24 dp

여기에 이미지 설명 입력


AppCompat ActionBar로 더 많은 테스트를 수행했습니다. ActionBar가 최소 48dp 터치 대상 크기를 적용하기 위해 자체적으로 처리한다는 것을 알았습니다. 또한 AppCompat ActionBar는 여전히 32dp 정사각형 크기의 작업 표시 줄 아이콘을 예상한다는 사실을 알아 냈습니다.

머티리얼 디자인을 사용해도 아이콘은 이 그림 (wangqi060934의 답변)에서 보여주는 것처럼 작업 표시 줄의 다른 아이콘과 함께 올바른 크기를 갖기 위해 "전체 자산 : 32x32 dp; 광학 사각형 : 24x24 dp"규칙을 따라야합니다 .

여기에 이미지 설명 입력

전체 자산 크기가 32dp에서 48dp로 확장되었다는 이전 가정 (아래 그림 참조)이 올바르지 않습니다. 48dp는 터치 영역에 대해 이야기하고 있습니다. 혼란은 훨씬 오래된 ActionBar 문서에 링크 된 수정 된 Material Icon Spec 문서 로 인해 발생했습니다 .

여기에 이미지 설명 입력

에서 https://www.google.com/design/spec/style/icons.html#icons-system-icons

여기에 이미지 설명 입력

에서 http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-sizing-by-increments


Android Studio 이미지 자산 사용

이동 :

  1. 프로젝트> res-> 오른쪽 클릭
  2. new> 이미지 자산-> 아이콘 유형 : 작업 표시 줄 및 탭 아이콘
  3. 다음> 마침.

이제 아이콘이 올바른 해상도로 표시됩니다.


아래 링크에 표시된대로 완료된 작업 표시 줄 아이콘 크기는 다음과 같아야합니다. https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html

(저밀도 화면)

ldpi (120 dpi) --> 18 x 18 px

(중 밀도 화면)

mdpi (160 dpi) --> 24 x 24 px

(고밀도 화면)

hdpi (240 dpi) --> 36 x 36 px

(초 고밀도 화면)

xhdpi (320 dpi) --> 48 x 48 px  

참고 URL : https://stackoverflow.com/questions/11244918/action-bar-icon-size

반응형