단두대 스타일의 애니메이션을 구현하는 간단한 방법을 제공하는 깔끔한 라이브러리
[Dribbble 프로젝트]를 확인하세요(https://dribbble.com/shots/2018249-Guillotine-Menu)
또한 [저희 블로그](https://yalantis.com/blog/how-we-developing-the-guillotine-menu-animation-for-android/?utm_source=github)에서 어떻게 진행되었는지 읽어보세요.
제대로 작동하려면 앱 모듈을 살펴보세요.
저장소 끝의 루트 build.gradle에 JitPack 저장소를 추가합니다.
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
앱 build.gradle에 종속성을 추가하세요.
dependencies {
compile 'com.github.Yalantis:GuillotineMenu-Android:1.2'
}
나중에 단두대 스타일로 열고 닫을 탐색 메뉴(샘플 앱의 guillotine.xml
)에 대한 레이아웃을 만들어야 합니다. 여기서 유일하게 까다로운 부분은 내비게이션 레이아웃이 다른 콘텐츠 위에 있어야 하며 애니메이션을 닫은 후에 사라진다는 것입니다. 그렇기 때문에 콘텐츠 레이아웃(샘플 앱의 activity.xml
)에도 탐색 메뉴와 동일한 좌표에 햄버거 아이콘이 있어야 합니다.
그런 다음 해야 할 일은 onCreate
메서드의 GuillotineAnimation.GuillotineBuilder
에 탐색 레이아웃 개체, 탐색 및 콘텐츠 레이아웃 햄버거 개체를 전달하여 애니메이션을 만드는 것입니다.
new GuillotineAnimation . GuillotineBuilder ( guillotineMenu , guillotineMenu . findViewById ( R . id . guillotine_hamburger ), contentHamburger )
. setActionBarViewForAnimation ( toolbar )
. build ();
여기서 setActionBarViewForAnimation
메소드는 단두대 닫기 애니메이션이 끝날 때 툴바의 바운스 효과를 활성화합니다.
빌더를 사용하면 시작 지연, 지속 시간, 보간을 사용자 정의할 수 있으며 메뉴가 열리거나 닫히는 순간 직원을 수행하려는 경우 리스너를 설정할 수 있습니다.
귀하가 우리 구성요소를 사용하는 프로젝트에 대한 링크를 보내주시면 정말 기쁠 것입니다. [email protected]으로 이메일을 보내주세요. 애니메이션에 관한 질문이나 제안 사항이 있으면 알려주세요.
PS 우리는 코드로 싸인 더 멋진 기능과 Android(iOS)용 UI를 더 좋게 만드는 방법에 대한 튜토리얼을 게시할 예정입니다. 계속 지켜봐 주시기 바랍니다!
Copyright 2017, Yalantis
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.