circle menu android
1.0.0
ここからパッケージをダウンロードしてプロジェクトのクラスパスに追加するか、Maven リポジトリを使用します。
グラドル:
implementation ' com.ramotion.circlemenu:circle-menu:0.3.2 '
ミナミマグロ:
libraryDependencies += " com.ramotion.circlemenu " % " circle-menu " % " 0.3.2 "
メイビン:
< dependency >
< groupId >com.ramotion.circlemenu</ groupId >
< artifactId >circle-menu</ artifactId >
< version >0.3.2</ version >
</ dependency >
以下に示すように、 CircleMenuView
レイアウトに配置し、ボタンのアイコンと色を設定します。
app:button_colors="@array/colors"
app:button_icons="@array/icons"
resvaluesbuttons.xml
の配列のcolors
とicons
の例:
<? xml version = " 1.0 " encoding = " utf-8 " ?>
< resources >
< array name = " icons " >
< item >@drawable/ic_home_white_24dp</ item >
< item >@drawable/ic_search_white_24dp</ item >
< item >@drawable/ic_notifications_white_24dp</ item >
< item >@drawable/ic_settings_white_24dp</ item >
< item >@drawable/ic_place_white_24dp</ item >
</ array >
< array name = " colors " >
< item >@android:color/holo_blue_light</ item >
< item >@android:color/holo_green_dark</ item >
< item >@android:color/holo_red_light</ item >
< item >@android:color/holo_purple</ item >
< item >@android:color/holo_orange_light</ item >
</ array >
</ resources >
またはコンストラクターを使用します
CircleMenuView ( @ NonNull Context context , @ NonNull List < Integer > icons , @ NonNull List < Integer > colors )
CircleMenuView
を追加し、プログラムで (コード内で) ボタンを設定します。
次に、以下に示すようにイベント ハンドラーCircleMenuView.EventListener
を接続し、必要なメソッドをオーバーライドします。
final CircleMenuView menu = ( CircleMenuView ) findViewById ( R . id . circle_menu );
menu . setEventListener ( new CircleMenuView . EventListener () {
@ Override
public void onMenuOpenAnimationStart ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuOpenAnimationStart" );
}
@ Override
public void onMenuOpenAnimationEnd ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuOpenAnimationEnd" );
}
@ Override
public void onMenuCloseAnimationStart ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuCloseAnimationStart" );
}
@ Override
public void onMenuCloseAnimationEnd ( @ NonNull CircleMenuView view ) {
Log . d ( "D" , "onMenuCloseAnimationEnd" );
}
@ Override
public void onButtonClickAnimationStart ( @ NonNull CircleMenuView view , int index ) {
Log . d ( "D" , "onButtonClickAnimationStart| index: " + index );
}
@ Override
public void onButtonClickAnimationEnd ( @ NonNull CircleMenuView view , int index ) {
Log . d ( "D" , "onButtonClickAnimationEnd| index: " + index );
}
});
open(boolean animate)
メソッドとclose(boolean animate)
メソッドを使用して、プログラムでメニューを開いたり閉じたりできます。
XML または関連セッターを通じて指定できる属性は次のとおりです。
button_icons
- ボタンアイコンの配列。button_colors
- ボタンの色の配列。icon_menu
- メニューのデフォルトのアイコン。icon_close
- メニューを閉じたアイコン。icon_color
- メニューアイコンの色。duration_ring
- リング効果の継続時間。duration_open
- メニューを開くアニメーションの継続時間。duration_close
- メニューを閉じるアニメーションの継続時間。distance
- 中央ボタンとボタンの間の距離Circle Menu Android は MIT ライセンスに基づいてリリースされています。詳細については、「ライセンス」を参照してください。
このライブラリは、厳選された最高の UI オープンソース プロジェクトの一部です。
プロジェクトでオープンソース ライブラリを使用する場合は、必ずクレジットを明記し、www.ramotion.com にバックリンクしてください。
Android アプリでこの UI コンポーネントなどを試してみてください。ご興味がございましたらお問い合わせください。