編集履歴

質問編集履歴

情報変更

2018/06/07 05:34

投稿

syyyow

スコア28

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -44,10 +44,6 @@
-import jp.techacademy.shoichi.ito.aft.R;
 public class MainActivity extends AppCompatActivity {

写真追加

2018/06/07 05:34

投稿

syyyow

スコア28

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -461,3 +461,11 @@
 どこをどう変更して追加すると
 エラーがなく正常に作動するのか、わかりませんmm
+エラーメッセージ
+↓
+![イメージ説明](71227295b2c7e2647408b56f272dca91.png)

例の追記

2018/05/29 02:34

投稿

syyyow

スコア28

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,16 +1,20 @@
+少し長くなります。また文章が
+わからない箇所もあるかと思いますが
+どうぞよろしくお願いいたします。
-android studioでショッピングサイトの作成をしております。
+現在、android studioでショッピングサイトの作成をしております。
+BottomNavigationViewにて作成しているのですが
-アイコンの大きさを均等にする方法を教えていただきたいです。
+下に表示されるアイコンの大きさを均等にする方法を教えていただきたいです。
-初心者なのでコードも教えていただけますと幸いです。
+写真のように[商品]だけが大きく表示されてしまいます。
@@ -18,9 +22,11 @@
-メインコードは以下です。
+当方が書いてきたコードは以下です。
+MaimActivity.java
+↓↓↓↓↓↓↓↓↓↓↓↓↓
@@ -122,17 +128,19 @@
 }
-コード
-```
+```
-レイアウトは以下二つ
+Activity Main
+↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
 ```<?xml version="1.0" encoding="utf-8"?>
@@ -172,11 +180,17 @@
 </android.support.constraint.ConstraintLayout>
-コード
-```
+```
+navigation.xml
@@ -242,6 +256,208 @@
-コード
-```
+```
+手順①
+[４つ以上のアイテムを均等の大きさで並べる]
+４つ以上のアイテムを均等に並べるにはレイアウトをごにょごにょする必要があるが、今回はBottomNavigationViewを継承してBottomNavigationViewの独自クラスをするのではなく
+「BottomNavigationViewHelper」というヘルパークラスを作成してBottomNavigationViewを作るときにレイアウトを調整する。
+BottomNavigationViewHelperを新規に作成する
+こちらがwebからみつけだしたコードなのですが
+どう変更したら良いか教え頂けますと幸いです。
+```
+package com.myapp.myapp;
+import android.support.design.internal.BottomNavigationItemView;
+import android.support.design.internal.BottomNavigationMenuView;
+import android.support.design.widget.BottomNavigationView;
+import java.lang.reflect.Field;
+public class BottomNavigationViewHelper {
+    /**
+     * BottomNavigationViewのアイテムのサイズの調整、アイコンサイズ調整、タイトルの削除
+     *
+     * @param view
+     */
+    public static void disableShiftMode(BottomNavigationView view) {
+        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
+        try {
+            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
+            shiftingMode.setAccessible(true);
+            shiftingMode.setBoolean(menuView, false);
+            shiftingMode.setAccessible(false);
+            for (int i = 0; i < menuView.getChildCount(); i++) {
+                /**
+                 * アイテムの幅調整
+                 */
+                BottomNavigationItemView bottomNavigationItemView = (BottomNavigationItemView) menuView.getChildAt(i);
+                // noinspection RestrictedApi
+                bottomNavigationItemView.setShiftingMode(false);
+                // チェックされた値を設定すると、ビューが更新されるみたい
+                // noinspection RestrictedApi
+                bottomNavigationItemView.setChecked(false);
+            }
+        } catch (NoSuchFieldException e) {
+            e.printStackTrace();
+        } catch (IllegalAccessException e) {
+            e.printStackTrace();
+        }
+    }
+}
+```
+手順②
+```
+ActivityからBottomNavigationViewHelperを呼びす
+onCreateでBottomNavigationViewHelper＃disableShiftModeへBottomNavigationViewを渡し調整、その後ついでに選択のリスナーを実装
+// ボトムナビゲーションを読み込む
+        BottomNavigationView bottomavigation = (BottomNavigationView) findViewById(R.id.bottom_navigation);
+        // BottomNavigationViewHelperでアイテムのサイズ、アニメーションを調整
+        BottomNavigationViewHelper.disableShiftMode(bottomavigation);
+        // BottomNavigationViewを選択したときのリスナー
+        bottomavigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
+            @Override
+            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
+                // 各選択したときの処理
+                switch (item.getItemId()) {
+                    case R.id.nav_camera:
+                        return true;
+                    case R.id.nav_gallery:
+                        return true;
+                    case R.id.nav_slideshow:
+                        return true;
+                    case R.id.nav_manage:
+                        return true;
+                }
+                return false;
+            }
+        });
+```
+どこをどう変更して追加すると
+エラーがなく正常に作動するのか、わかりませんmm

コード

2018/05/29 00:29

投稿

syyyow

スコア28

test CHANGED Viewed

	@@ -1 +1 @@
1	- 全て「商品」と同じ表示にしたい~~...~~
1	+ 全て「商品」と同じ表示にしたい

test CHANGED Viewed

@@ -15,3 +15,233 @@
 ![イメージ説明](a7d19741b01e7e2012b03106870708fb.png)
+メインコードは以下です。
+```import android.os.Bundle;
+import android.support.annotation.NonNull;
+import android.support.design.widget.BottomNavigationView;
+import android.support.v7.app.AppCompatActivity;
+import android.view.MenuItem;
+import android.widget.TextView;
+import jp.techacademy.shoichi.ito.aft.R;
+public class MainActivity extends AppCompatActivity {
+    private TextView mTextMessage;
+    private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
+            = new BottomNavigationView.OnNavigationItemSelectedListener() {
+        @Override
+        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
+            switch (item.getItemId()) {
+                case R.id.navigation_product:
+                    mTextMessage.setText(R.string.title_product);
+                    return true;
+                case R.id.navigation_cart:
+                    mTextMessage.setText(R.string.title_cart);
+                    return true;
+                case R.id.navigation_delivery_status:
+                    mTextMessage.setText(R.string.title_delivery_status);
+                    return true;
+                case R.id.navigation_mypage:
+                    mTextMessage.setText(R.string.title_mypage);
+                    return true;
+                case R.id.navigation_other:
+                    mTextMessage.setText(R.string.title_other);
+                    return true;
+            }
+            return false;
+        }
+    };
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+        mTextMessage = (TextView) findViewById(R.id.message);
+        BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
+        navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
+    }
+}
+コード
+```
+レイアウトは以下二つ
+```<?xml version="1.0" encoding="utf-8"?>
+<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/container"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+    <android.support.design.widget.BottomNavigationView
+        android:id="@+id/navigation"
+        android:layout_width="0dp"
+        android:layout_height="59dp"
+        android:background="?android:attr/windowBackground"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:menu="@menu/navigation" />
+</android.support.constraint.ConstraintLayout>
+コード
+```
+```<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:id="@+id/navigation_product"
+        android:icon="@drawable/ic_home_black_24dp"
+        android:title="商品" />
+    <item
+        android:id="@+id/navigation_cart"
+        android:icon="@drawable/ic_shopping_cart_black_24dp"
+        android:title="カート" />
+    <item
+        android:id="@+id/navigation_delivery_status"
+        android:icon="@drawable/ic_local_shipping_black_24dp"
+        android:title="配送状況" />
+    <item
+        android:id="@+id/navigation_mypage"
+        android:icon="@drawable/ic_person_black_24dp"
+        android:title="マイページ" />
+    <item
+        android:id="@+id/navigation_other"
+        android:icon="@drawable/ic_settings_black_24dp"
+        android:title="その他" />
+</menu>
+コード
+```

タイトル

2018/05/26 16:44

投稿

syyyow

スコア28

test CHANGED Viewed

	@@ -1 +1 @@
1	- ~~アイコンを~~同じ~~大きさに~~表示したい...
1	+ 全て「商品」と同じ表示にしたい...

test CHANGED Viewed

File without changes