From 5a3eb27c335e3b1d353be5125d854acacf3e9b9e Mon Sep 17 00:00:00 2001 From: ittianyu <86839868@qq.com> Date: Sat, 20 May 2017 12:37:48 +0800 Subject: [PATCH] Add setIconMarginTop. Remove setIconCenter. --- README.md | 17 +++++++-- app/build.gradle | 4 +-- .../features/style/StyleActivity.java | 14 +++++++- app/src/main/res/layout/activity_style.xml | 11 ++++++ app/src/main/res/values/strings.xml | 12 +++++-- read_me_images/icon_margin_top.jpg | Bin 0 -> 9441 bytes widget/build.gradle | 4 +-- .../BottomNavigationViewEx.java | 34 +++++++++++------- 8 files changed, 72 insertions(+), 24 deletions(-) create mode 100644 read_me_images/icon_margin_top.jpg diff --git a/README.md b/README.md index 82b251e..75c6009 100644 --- a/README.md +++ b/README.md @@ -27,8 +27,10 @@ An android lib for enhancing BottomNavigationView. |getMenuItemPosition|Get menu item position in menu. Return position if success, -1 otherwise. |getOnNavigationItemSelectedListener|Get OnNavigationItemSelectedListener. |setCurrentItem|Set the current checked item. +|setIconMarginTop|set margin top for icon. |setIconSize|Set all item ImageView size. |setIconSizeAt|Set all item ImageView size which at position. +|setIconsMarginTop|set margin top for all icons. |setIconTintList| Set the icon tint list. |setIconVisibility|Change the visibility of icon. |setItemBackground| Set background of item. @@ -73,6 +75,7 @@ An android lib for enhancing BottomNavigationView. ![](/read_me_images/no_animation_shifting_mode_item_shifting_mode_icon.gif) +**Attention: Something wrong on Android 4.x** ![](/read_me_images/with_padding.jpg) ![](/read_me_images/center_icon_only.jpg) @@ -85,6 +88,9 @@ An android lib for enhancing BottomNavigationView. ![](/read_me_images/icon_selector_1.jpg) ![](/read_me_images/icon_selector_2.jpg) +![](/read_me_images/icon_margin_top.jpg) + + **With ViewPager** ![](/read_me_images/with_view_pager.gif) @@ -114,12 +120,12 @@ allprojects { Step 2. Add the dependency ```groovy -compile 'com.github.ittianyu:BottomNavigationViewEx:1.1.8' +compile 'com.github.ittianyu:BottomNavigationViewEx:1.1.9' ``` #### Manual: #### -Downloading [BottomNavigationViewEx.java](https://raw.githubusercontent.com/ittianyu/BottomNavigationViewEx/master/widget/src/main/java/com/ittianyu/bottomnavigationviewex/BottomNavigationViewEx.java) and copying it to you project。 +Downloading [BottomNavigationViewEx.java](https://raw.githubusercontent.com/ittianyu/BottomNavigationViewEx/master/widget/src/main/java/com/ittianyu/bottomnavigationviewex/BottomNavigationViewEx.java) and copying it to you project. ## Getting started ## @@ -254,8 +260,10 @@ Thanks for [Adrián Mouly](https://github.com/amouly) | [liaolintao](https://git |getMenuItemPosition|获取子菜单的索引。如果找不到，返回 -1。 |getOnNavigationItemSelectedListener|获取 OnNavigationItemSelectedListener。 |setCurrentItem|设置当前选中项。 +|setIconMarginTop|设置 icon 的 MarginTop，用于调节图标垂直位置。 |setIconSize|设置所有的子项图标大小。 |setIconSizeAt|设置位于 position 的图标的大小。 +|setIconsMarginTop|设置所有 icon 的 MarginTop，用于调节图标垂直位置。 |setIconTintList| 设置图片的渲染颜色列表(Selector) |setIconVisibility|设置图片可见性。 |setItemBackground| 设置子项的背景。 @@ -300,6 +308,7 @@ Thanks for [Adrián Mouly](https://github.com/amouly) | [liaolintao](https://git ![](/read_me_images/no_animation_shifting_mode_item_shifting_mode_icon.gif) +**注意：这个 style 在安卓 4.x 上有 bug** ![](/read_me_images/with_padding.jpg) ![](/read_me_images/center_icon_only.jpg) @@ -312,6 +321,8 @@ Thanks for [Adrián Mouly](https://github.com/amouly) | [liaolintao](https://git ![](/read_me_images/icon_selector_1.jpg) ![](/read_me_images/icon_selector_2.jpg) +![](/read_me_images/icon_margin_top.jpg) + **和 ViewPager 一起使用** ![](/read_me_images/with_view_pager.gif) @@ -341,7 +352,7 @@ allprojects { 步骤 2. 添加依赖 ```groovy -compile 'com.github.ittianyu:BottomNavigationViewEx:1.1.8' +compile 'com.github.ittianyu:BottomNavigationViewEx:1.1.9' ``` #### 手动导入: #### diff --git a/app/build.gradle b/app/build.gradle index 927b012..7c94f76 100644 --- a/app/build.gradle +++ b/app/build.gradle @@ -8,8 +8,8 @@ android { applicationId "com.ittianyu.bottomnavigationviewexsample" minSdkVersion 9 targetSdkVersion rootProject.ext.targetSdkVersion - versionCode 12 - versionName "1.1.8" + versionCode 13 + versionName "1.1.9" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" } buildTypes { diff --git a/app/src/main/java/com/ittianyu/bottomnavigationviewexsample/features/style/StyleActivity.java b/app/src/main/java/com/ittianyu/bottomnavigationviewexsample/features/style/StyleActivity.java index 27d83cc..33b7591 100644 --- a/app/src/main/java/com/ittianyu/bottomnavigationviewexsample/features/style/StyleActivity.java +++ b/app/src/main/java/com/ittianyu/bottomnavigationviewexsample/features/style/StyleActivity.java @@ -81,8 +81,11 @@ private void init() { initCustomTypeface(); bind.bnveIconSelector.enableAnimation(false); + + initMargin(); } + private void initCenterIconOnly() { bind.bnveCenterIconOnly.enableAnimation(false); bind.bnveCenterIconOnly.enableShiftingMode(false); @@ -94,7 +97,7 @@ private void initCenterIconOnly() { bind.bnveCenterIconOnly.setItemBackground(centerPosition, R.color.colorGreen); bind.bnveCenterIconOnly.setIconTintList(centerPosition, getResources().getColorStateList(R.color.selector_item_gray_color)); - bind.bnveCenterIconOnly.setIconCenter(centerPosition); + bind.bnveCenterIconOnly.setIconMarginTop(centerPosition, BottomNavigationViewEx.dp2px(this, 4)); // you could set a listener for bnve. and return false when click the center item so that it won't be checked. bind.bnveCenterIconOnly.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() { @Override @@ -140,4 +143,13 @@ private void initCustomTypeface() { // bind.bnveCustomTypeface.setTypeface(typeface); } + private void initMargin() { + bind.bnveIconMarginTop.enableAnimation(false); + bind.bnveIconMarginTop.enableShiftingMode(false); + bind.bnveIconMarginTop.enableItemShiftingMode(false); + bind.bnveIconMarginTop.setTextVisibility(false); + bind.bnveIconMarginTop.setItemHeight(BottomNavigationViewEx.dp2px(this, 56)); + bind.bnveIconMarginTop.setIconsMarginTop(BottomNavigationViewEx.dp2px(this, 16)); + } + } diff --git a/app/src/main/res/layout/activity_style.xml b/app/src/main/res/layout/activity_style.xml index 1d3cd5a..cbd9deb 100644 --- a/app/src/main/res/layout/activity_style.xml +++ b/app/src/main/res/layout/activity_style.xml @@ -236,6 +236,17 @@ app:itemTextColor="@color/selector_item_primary_color" app:menu="@menu/menu_navigation_selector" /> + + + + diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index c3fcd5e..475ed03 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -1,12 +1,19 @@ BottomNavigationViewEx + Music Backup Friends Favor + + Lamp + Weather + Face + Visibility Different style With ViewPager + no animation/ shifting mode/ item shifting mode/ icon no item shifting mode/ icon no shifting mode/ item shifting mode/ icon @@ -29,7 +36,6 @@ bigger icon (custom icon size) custom typeface icon selector - Lamp - Weather - Face + icon margin top + diff --git a/read_me_images/icon_margin_top.jpg b/read_me_images/icon_margin_top.jpg new file mode 100644 index 0000000000000000000000000000000000000000..460ffa21d3e04f75e9ccc77e827792a1ae34d3e0 GIT binary patch literal 9441 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 - * It will go back when it was checked {@code android.support.design.internal.BottomNavigationItemView#setChecked()} - * So you need call {@link #enableShiftingMode(int, boolean)} to make it center again when item selected - *

- * + * set margin top for all icons + * @param marginTop in px + */ + public void setIconsMarginTop(int marginTop) { + for (int i = 0; i < getItemCount(); i++) { + setIconMarginTop(i, marginTop); + } + } + + /** + * set margin top for icon * @param position + * @param marginTop in px */ - public void setIconCenter(int position) { - enableShiftingMode(position, true); - ImageView iv = getIconAt(position); - FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) iv.getLayoutParams(); - lp.gravity = Gravity.CENTER; + public void setIconMarginTop(int position, int marginTop) { + /* + 1. BottomNavigationItemView + 2. private final int mDefaultMargin; + */ + BottomNavigationItemView itemView = getBottomNavigationItemView(position); + setField(BottomNavigationItemView.class, itemView, "mDefaultMargin", marginTop); + mMenuView.updateMenuView(); } }