แต่เมนู Main พื้นเป็นสีขาว เลยดูรูป icon ไม่ชัด
drawable/border.xml
1 2 3 4 5 6 7 8 9 |
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="1dp" android:color="#555" /> <solid android:color="#00a" /> <corners android:radius="5dp" /> </shape> |
drawable/item_state.xml
1 2 3 4 5 |
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" android:exitFadeDuration="50"> <item android:drawable="@color/popup_bg_pressed" android:state_pressed="true" /> <item android:drawable="@color/popup_bg_normal" /> </selector> |
values/colors.xml
1 2 3 4 5 6 7 8 9 |
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="popup_bg_normal">#90d</color> <color name="popup_bg_pressed">#90f</color> </resources> |
values/styles.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> <style name="AppTheme.NoActionBar"> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> </style> <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" /> <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" /> <style name="popup_menu_style" parent="Widget.AppCompat.PopupMenu"> <item name="android:textColor">#ff0</item> <item name="android:textSize">18dp</item> <item name="android:itemBackground">@drawable/item_state</item> </style> <style name="overflowMenu" parent="Widget.AppCompat.PopupMenu.Overflow"> <item name="android:popupBackground">@color/colorAccent</item> <item name="android:dropDownHorizontalOffset">-16dp</item> <item name="android:dropDownVerticalOffset">40dp</item> </style> <style name="button_style"> <item name="android:layout_height">40dp</item> <item name="android:layout_width">wrap_content</item> <item name="android:paddingLeft">10dp</item> <item name="android:paddingRight">10dp</item> <item name="android:background">@drawable/border</item> <item name="android:layout_margin">10dp</item> <item name="android:textColor">#fff</item> <item name="android:textAllCaps">false</item> <item name="android:textSize">18dp</item> <item name="android:layout_marginBottom">20dp</item> </style> </resources> |
menu/menu_main.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<menu 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" tools:context="com.phaisarn.myapplication.MainActivity"> <item android:id="@+id/action_1" android:icon="@drawable/ic_settings" android:title="Settings" app:showAsAction="never" /> <item android:id="@+id/action_2" android:icon="@drawable/ic_bluetooth" android:title="Bluetooth" app:showAsAction="never" /> <item android:id="@+id/action_3" android:icon="@drawable/ic_wifi" android:title="Wifi" app:showAsAction="never" /> <item android:id="@+id/action_4" android:icon="@drawable/ic_airplanemode" android:title="Airplane Mode" app:showAsAction="never" /> <item android:id="@+id/action_5" android:icon="@drawable/ic_internet" android:title="Internet" app:showAsAction="never" /> </menu> |
menu/menu_popup.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/action_1" android:icon="@drawable/ic_new" android:title="New" /> <item android:id="@+id/action_2" android:icon="@drawable/ic_folder" android:title="Open" /> <item android:id="@+id/action_3" android:icon="@drawable/ic_save" android:title="Save" /> <item android:id="@+id/action_5" android:icon="@drawable/ic_edit" android:title="Edit" /> <item android:id="@+id/action_6" android:icon="@drawable/ic_delete" android:title="Delete" /> </menu> |
menu/menu_context.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/action_1" android:icon="@drawable/ic_power" android:title="Shutdown" /> <item android:id="@+id/action_2" android:icon="@drawable/ic_replay" android:title="Restart" /> <item android:id="@+id/action_3" android:icon="@drawable/ic_undo" android:title="Cancel" /> </menu> |
content_main.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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/content_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context=".MainActivity" tools:showIn="@layout/activity_main"> <Button android:id="@+id/button_context" style="@style/button_style" android:text="Long Click for Context Menu" /> <Button android:id="@+id/button_pop" style="@style/button_style" android:drawablePadding="10dp" android:drawableRight="@drawable/ic_arrow_down_w" android:text="Show Popup Menu" /> </LinearLayout> |
MainActivity.java
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 |
package com.phaisarn.myapplication; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.View; import android.view.Menu; import android.view.MenuItem; import android.content.Context; import android.graphics.Color; import android.graphics.drawable.Drawable; import android.support.v7.view.ContextThemeWrapper; import android.support.v7.view.menu.MenuBuilder; import android.support.v7.view.menu.MenuPopupHelper; import android.support.v7.widget.PopupMenu; import android.text.SpannableStringBuilder; import android.text.Spanned; import android.text.style.ForegroundColorSpan; import android.text.style.ImageSpan; import android.view.ContextMenu; import android.view.Gravity; import android.view.MenuInflater; import android.widget.Button; import android.widget.Toast; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); final FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { /* Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG) .setAction("Action", null).show(); */ showPopupMenu(fab, Gravity.RIGHT); } }); Button btPop = (Button) findViewById(R.id.button_pop); btPop.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { showPopupMenu(v, Gravity.LEFT); } }); Button btContext = (Button) findViewById(R.id.button_context); registerForContextMenu(btContext); //ลงทะเบียนการกำหนด Context Menu ให้แก่ EditText } private void showPopupMenu(View view, int gravity) { Context context = new ContextThemeWrapper(this, R.style.popup_menu_style); PopupMenu popupMenu = new PopupMenu(context, view); popupMenu.getMenuInflater().inflate(R.menu.menu_popup, popupMenu.getMenu()); MenuBuilder builder = (MenuBuilder) popupMenu.getMenu(); MenuPopupHelper popupHelper = new MenuPopupHelper(context, builder, view); popupHelper.setForceShowIcon(true); popupHelper.setGravity(gravity); popupHelper.show(); popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() { @Override public boolean onMenuItemClick(MenuItem item) { int id = item.getItemId(); ///if(id == R.id.menu_new) { Toast.makeText(getBaseContext(), item.getTitle(), Toast.LENGTH_SHORT).show(); return true; //} //return false; } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); MenuItem item; SpannableStringBuilder builder; Drawable drawable; ImageSpan imageSpan; ForegroundColorSpan itemColor = new ForegroundColorSpan(Color.parseColor("#0000bb")); //minSdk = 21 for (int i = 0; i < menu.size(); i++) { item = menu.getItem(i); builder = new SpannableStringBuilder() .append(" ") //กำหนดระยะ Padding ตามที่ต้องการ .append(item.getTitle(), itemColor, 0); if (item.getIcon() != null && item.getIcon().getConstantState() != null) { drawable = item.getIcon().getConstantState().newDrawable(); //drawable.mutate().setTint(getResources().getColor(R.color.colorAccent, null)); drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight()); imageSpan = new ImageSpan(drawable); builder.setSpan(imageSpan, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); item.setTitle(builder); } } return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement ///if(id == R.id.action_1) { Toast.makeText(getBaseContext(), item.getTitle().toString().trim(), Toast.LENGTH_SHORT).show(); return true; //} //return super.onOptionsItemSelected(item); } @Override public void onCreateContextMenu(ContextMenu contextMenu, View v, ContextMenu.ContextMenuInfo info) { super.onCreateContextMenu(contextMenu, v, info); contextMenu .setHeaderTitle("What do you want to do") .setHeaderIcon(R.mipmap.ic_launcher); MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.menu_context, contextMenu); MenuItem item; SpannableStringBuilder builder; Drawable drawable; ImageSpan imageSpan; ForegroundColorSpan itemColor = new ForegroundColorSpan(Color.parseColor("#0000bb")); for (int i = 0; i < contextMenu.size(); i++) { item = contextMenu.getItem(i); builder = new SpannableStringBuilder() .append(" ") //กำหนดระยะ Padding ตามที่ต้องการ .append(item.getTitle(), itemColor, 0); if (item.getIcon() != null && item.getIcon().getConstantState() != null) { drawable = item.getIcon().getConstantState().newDrawable(); drawable.mutate().setTint(Color.MAGENTA); //ถ้าต้องการเปลี่ยนสีไอคอน drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight()); imageSpan = new ImageSpan(drawable); builder.setSpan(imageSpan, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); item.setTitle(builder); } } } @Override public boolean onContextItemSelected(MenuItem item) { int id = item.getItemId(); //if(id == R.id.action_1) { Toast.makeText(getBaseContext(), item.getTitle().toString().trim(), Toast.LENGTH_SHORT).show(); return true; //} //return super.onOptionsItemSelected(item); } } |
รูปที่ใช้