material menu
2.0.0
問題やプルリクエストには対処されません。変更が必要な場合は、独自のバージョンをフォークすることを検討してください。
Android メニューのモーフィング、戻る、閉じる、チェック ボタン
アニメーションを完全に制御します。
compile ' com.balysv.materialmenu:material-menu:2.0.0 '
古いバージョンのライブラリのセットアップについては、README を参照してください。
Toolbar
でスタンドアロンのドローアブルとして使用します。
private MaterialMenuDrawable materialMenu ;
protected void onCreate ( Bundle savedInstanceState ) {
super . onCreate ( savedInstanceState );
setContentView ( R . layout . toolbar );
Toolbar toolbar = ( Toolbar ) findViewById ( R . id . toolbar );
setSupportActionBar ( toolbar );
toolbar . setNavigationOnClickListener ( new View . OnClickListener () {
@ Override public void onClick ( View v ) {
// Handle your drawable state here
materialMenu . animateState ( newState );
}
});
materialMenu = new MaterialMenuDrawable ( this , Color . WHITE , Stroke . THIN );
toolbar . setNavigationIcon ( materialMenu );
}
アイコンを描画し、その状態を操作するための API を提供する単純な古いView
。 Toolbar
を含む任意のレイアウトに埋め込むことができます。
XML 属性を使用してカスタマイズすることもできます。
app:mm_color="color" // Color of drawable
app:mm_visible="boolean" // Visible
app:mm_transformDuration="integer" // Transformation animation duration
app:mm_scale="integer" // Scale factor of drawable
app:mm_strokeWidth="integer" // Stroke width of icons (can only be 1, 2 or 3)
app:mm_rtlEnabled="boolean" // Enabled RTL layout support (flips all drawables)
app:mm_iconState="enum" // Set the intial state of the drawable (burger, arrow, x or check)
アイコンには 4 つの状態があります。
BURGER , ARROW , X , CHECK
描画可能な状態をモーフィングするには
MaterialMenu . animateIconState ( IconState state )
アニメーションを使用せずに描画可能な状態を変更するには
MaterialMenu . setIconState ( IconState state )
ドローアブルを手動でアニメーション化するには (つまり、ナビゲーション ドロワー スライド上で):
MaterialMenu . setTransformationOffset ( AnimationState state , float value )
ドローアブルを表示または非表示にするには:
MaterialMenu . setVisible ( boolean visible )
ここで、 AnimationState
BURGER_ARROW, BURGER_X, ARROW_X, ARROW_CHECK, BURGER_CHECK, X_CHECK
のいずれかであり、 value
は0
~ 2
です。
注:アイコンの状態は、現在のオフセット値によって解決されます。アクティビティの再作成時にアイコンの状態を正しく保存するには、前方アニメーションの場合は0
と1
間のオフセットを使用し、後方アニメーションの場合は1
と2
間のoffset
を使用するようにしてください。
上で説明したように、 MaterialMenu
ActionBar に実装し、カスタムDrawerListener
を追加します。
private DrawerLayout drawerLayout ;
private boolean isDrawerOpened ;
private MaterialMenuDrawable materialMenu ;
@ Override
protected void onCreate ( Bundle savedInstanceState ) {
super . onCreate ( savedInstanceState );
toolbar = ( Toolbar ) findViewById ( R . id . toolbar );
setSupportActionBar ( toolbar );
materialMenu = new MaterialMenuDrawable ( this , Color . WHITE , Stroke . THIN );
toolbar . setNavigationIcon ( materialMenu );
drawerLayout = ( DrawerLayout ) findViewById ( R . id . drawer_layout );
drawerLayout . setDrawerListener ( new DrawerLayout . SimpleDrawerListener () {
@ Override
public void onDrawerSlide ( View drawerView , float slideOffset ) {
materialMenu . setTransformationOffset (
MaterialMenuDrawable . AnimationState . BURGER_ARROW ,
isDrawerOpened ? 2 - slideOffset : slideOffset
);
}
@ Override
public void onDrawerOpened ( View drawerView ) {
isDrawerOpened = true ;
}
@ Override
public void onDrawerClosed ( View drawerView ) {
isDrawerOpened = false ;
}
@ Override
public void onDrawerStateChanged ( int newState ) {
if ( newState == DrawerLayout . STATE_IDLE ) {
if ( isDrawerOpened ) {
menu . setIconState ( MaterialMenuDrawable . IconState . ARROW );
} else {
menu . setIconState ( MaterialMenuDrawable . IconState . BURGER );
}
}
}
});
}
バリス・ヴァレントゥケヴィシウス
Copyright 2016 Balys Valentukevicius
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.