Je veux personnaliser le popupmenu
dans Android, le menu contextuel par défaut donne plus d'espace, donc j'essaie de changer la disposition personnalisée dans le menu contextuel, mais je n'arrive pas à comprendre comment. image
Note: Je veux faire ce petit design popup donc je vais avec le menu popup par défaut mais je veux le personnaliser.
findViewById(R.id.menuclick).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
PopupMenu popupMenu = new PopupMenu(Sample1.this, view);
popupMenu.setOnMenuItemClickListener(Sample1.this);
popupMenu.inflate(R.layout.menus_layout);
popupMenu.show();
}
});
Pour gonfler popupMenu
à partir d'un bouton onClick
, utilisez le code suivant.
btn = (Button) findViewById(R.id.btn);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
PopupMenu popup = new PopupMenu(MainActivity.this, v);
popup.getMenuInflater().inflate(R.menu.pop_up, popup.getMenu());
popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
public boolean onMenuItemClick(MenuItem item) {
Toast.makeText(MainActivity.this, "Some Text" + item.getTitle(), Toast.LENGTH_SHORT).show();
return true;
}
});
popup.show();//showing popup menu
}
});
MODIFIER
Pour styliser le menu contextuel, ajoutez le style suivant.
<style name="PopupMenu" parent="@Android:style/Widget.PopupMenu">
<item name="Android:popupBackground">#ffffff</item>
</style>
J'ai remarqué que vous souhaitez également ajouter des icônes à côté de votre texte. Il est possible d'ajouter des icônes dans popupMenu. Cependant, il est préférable d'utiliser à la place une fenêtre contextuelle. Voici un exemple de code:
PopupWindow mypopupWindow;
setPopUpWindow();
btn=(Button)findViewById(R.id.btn);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mypopupWindow.showAsDropDown(v,-153,0);
//showAsDropDown(below which view you want to show as dropdown,horizontal position, vertical position)
}
}
});
}
private void setPopUpWindow() {
LayoutInflater inflater = (LayoutInflater)
getApplicationContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
view = inflater.inflate(R.layout.popup, null);
Start=(RelativeLayout)view.findViewById(R.id.start_btn);
Pause=(RelativeLayout)view.findViewById(R.id.pause_btn);
Stop=(RelativeLayout)view.findViewById(R.id.stop_btn);
mypopupWindow = new PopupWindow(view,300, RelativeLayout.LayoutParams.WRAP_CONTENT, true);
Disposition popup
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:orientation="vertical" Android:layout_width="wrap_content"
Android:background="@drawable/whitedrawable"
Android:paddingRight="0dp"
Android:layout_marginRight="0dp"
Android:layout_height="wrap_content">
<RelativeLayout
Android:id="@+id/btn1"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content">
<ImageView
Android:layout_centerHorizontal="true"
Android:layout_centerVertical="true"
Android:layout_alignParentLeft="true"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:src="@drawable/startimg"
Android:id="@+id/startimg"
Android:paddingLeft="10dp"
Android:paddingRight="10dp"
Android:paddingTop="5dp"
Android:paddingBottom="5dp"
/>
<TextView
Android:layout_centerHorizontal="true"
Android:layout_centerVertical="true"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:paddingRight="0dp"
Android:text="Start"
Android:layout_toRightOf="@+id/startimg"
/>
<!-- Continue for other items-->
whitedrawable
peut être utilisé pour définir un arrière-plan de votre choix. Vous pouvez utiliser 9patch pour obtenir l'ombre et les coins arrondis de l'arrière-plan.
Pour fermer la popupWindow, utilisez le code suivant:
mypopupWindow.getContentView().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mypopupWindow.dismiss();
}
});
Pour ignorer à l'aide du bouton de retour, utilisez:
@Override
public void onBackPressed() {
if(mypopupWindow.isShowing()) {
mypopupWindow.dismiss();
return;
}
super.onBackPressed();
}