소셜 미디어 Android App 개발자를위한 자료 디자인

Android App 개발자를위한 자료 디자인

비디오: 안드로이드 개발자 서밋 2019 - 키노트 요약본 2024

비디오: 안드로이드 개발자 서밋 2019 - 키노트 요약본 2024
Anonim

Android 앱이 실행되고 훌륭하게 작동하며 앱이하는 일을합니다. 그러나 그것은 올바르게 느끼 느냐? 앱에서 토글 버튼을 클릭 할 때마다 클릭을 시각적으로인지하지 못한다는 사실을 알고 계실 것입니다. 이미지가 전환되지만, 할 수있는 것이 더 있습니까?

Material Design 로 불리는 Android의 시각적 디자인 언어는 휴대 전화의 UI (사용자 인터페이스)를 실제 자료처럼 보이게 만드는 것입니다. 배경은 카드 스톡 용지처럼 보입니다. 배경 위에 그림자를 드리려면 배경 위에 설정된보기를 올려야합니다. 버튼을 클릭하면 연못의 잔물결처럼 화면 위로 펼쳐지는 잔물결이 생겨납니다. 이것들은 귀하의 앱이 사용하기에 좋은 작은 세부 사항입니다.

현재 귀하의 UI가 매우 간단하므로 일부만 다른 부분으로 올릴 필요가 없습니다. 그러나 당신이 필요로하는 것은 일종의 클릭 애니메이션입니다.

다행히도 간단하게 추가 할 수 있습니다. activity_main으로 돌아가십시오. xml 레이아웃 파일을 편집하고 다음 줄을 추가하도록 FrameLayout을 변경합니다.

android: foreground = "? android: attr / selectableItemBackground"> ​​

FrameLayout 클래스의 전경 속성을 사용하면 드로어 블을 FrameLayout 안에 있습니다. 포어 그라운드 설정? android: attr / selectableItemBackground, 전체 이미지 위에 Android 표준 selectableItemBackground를 배치합니다. selectableItemBackground는 무엇을합니까? 일반적으로 투명한 드로어 블이며 클릭하면 리플 애니메이션이 표시됩니다.

속성 값의 물음표 (?)는 현재 적용된 테마의 값을 참조하고 있음을 의미합니다. 앱의 테마를 변경하거나 다른 버전의 Android가있는 휴대 전화에서 앱을 실행하면 올바른 테마에서 값을 참조하기 때문에 앱이 약간 다르게 보입니다.

앱을 다시 실행하면 FrameLayout을 클릭하면 표준 Android 리플 애니메이션이 표시됩니다.

Android App 개발자를위한 자료 디자인

편집자의 선택

계획하기 - 인형

계획하기 - 인형

학습 계획 PHR 또는 SPHR 시험을 준비하는 데 사용할 수있는 도구입니다. 따라서 귀하의 학습 계획이 귀하의 필요에 맞게 이루어지기를 바랍니다. 고려해야 할 사항은 시험 날짜, 공부에 바칠 수있는 시간, 귀하의 구체적인 강점 및 목표를 포함해야합니다.

PHR / SPHR 시험을 치러야합니까? - 인형

PHR / SPHR 시험을 치러야합니까? - 인형

일부 유명한 이론가들은 시험을 치러야하거나 마지막 순간 (시험 전주 또는 밤)까지 공부를 연기하는 것은 쓸모 없다고 말합니다. 단기 기억력 증가는 종종 다른 곳에 정보가 손실되는 것을 희생합니다. 왜냐하면 심야 학습이 정상적인 수면 패턴을 위반하는 경우 특히 그렇습니다. 왜냐하면 ...

편집자의 선택

Squarespace에서 웹 사이트의 색상을 변경하는 방법 - 인형

Squarespace에서 웹 사이트의 색상을 변경하는 방법 - 인형

디자인 응용 프로그램을 사용하면 컬러 휠에서 색상을 선택할 수 있으므로 Squarespace의 스타일 편집기에서 색상을 선택하면 집에서 편안하게 느낄 수 있습니다. 그러나 컬러 휠을 한번도 본 적이 없다면 사용하기 쉽기 때문에 걱정하지 마십시오. 바퀴에서 색상을 선택하는 방법 색상을 변경하려면 ...

Squarespace에서 적절한 크기와 가치를 선택하는 방법 - 인형

Squarespace에서 적절한 크기와 가치를 선택하는 방법 - 인형

귀하의 웹 사이트의 너비와 Squarespace의 텍스트 및 이미지의 크기에 따라 작업 할 무제한 캔버스가있는 것처럼 느낄 수 있습니다. 어떤면에서 이것이 사실이지만, Squarespace는 웹 사이트의 경계를 기본 크기로 설정하는 좋은 일을합니다.

Squarespace에서 상점 설정을 조정하는 방법 - 인형

Squarespace에서 상점 설정을 조정하는 방법 - 인형

사이트 관리자 → 상거래 → 점포 설정으로 이동하면 화면 상단에 상점이 작동하지 않음을 나타내는 큰 노란색 상자가 나타납니다. 스토어를 판매하려면 스토어를 사이트에서 지불을 수락하는 데 사용되는 지불 처리 서비스 인 Stripe에 연결해야합니다. ...

편집자의 선택

이 코드 및 Minecraft - 더미

이 코드 및 Minecraft - 더미

로 무작위 인 경우 > 은 임의로 지정되며 Minecraft에서 코드를 작성할 때 임의의 정수를 사용하여 코드는 임의의 방식으로 동작합니다. 정수는 숫자입니다. LearnToMod의 임의의 정수 수학 블록은 코드가 실행될 때마다 두 숫자 (예 : 1과 10) 사이의 임의의 숫자를 선택합니다. Minecraft에서 정수 사용하기. The ...

Minecraft Minigame - dummy

Minecraft Minigame - dummy

를 디자인하면 게임을 디자인해야합니다. Gameplay Loop는 게임을 재미 있고 도전적이며 완벽하게 진행할 수있는 간단한 과정입니다. Gameplay Loop에는 네 부분으로 구성되어 있습니다. 시작 : 기본 장면을 만듭니다. 목표 : 이기기위한 방법을 추가하고 ...

Minecraft에서 물과 얼음 효과를 창조하기 - 더미

Minecraft에서 물과 얼음 효과를 창조하기 - 더미

일부 실제 물리학이 게임 내에서 작동한다는 것입니다. 예를 들어, 물을 가지고 얼음을 넣으면 얼어 붙습니다! 좋아요, 현실 세계에서 얼음을 첨가해도 물이 얼지 않을 수도 있지만 더 추워집니다. 당신은 이것을 확인하실 수 있습니다 ...