Add bigger margin to EditText in Android AlertDialog
final AlertDialog.Builder alert = new AlertDialog.Builder(thisActivity);
final EditText input = new EditText(thisActivity);
input.setSingleLine();
FrameLayout container = new FrameLayout(thisActivity);
FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
params.leftMargin = getResources().getDimensionPixelSize(R.dimen.dialog_margin);
input.setLayoutParams(params);
container.addView(input);
alert.setTitle("by...");
alert.setMessage("test message");
alert.setView(container);
Make sure you add another line to your dimens.xml resource file, such as
<dimen name="dialog_margin">20dp</dimen>
You can pass spacing parameter in setView
method
alert.setView(view ,left_space , top_space , right_space , bottom_space);
So,in your case you can try this
alert.setView(input , 50 ,0, 50 , 0);
I make a general single input AlertDialog function. The code is self-explanatory.
Utils.java
public class Utils {
/**
* Convert dp to px value.
* -
* Source: https://stackoverflow.com/a/6327095/2263329
*/
public static int dpToPx(float dp, Resources resources) {
float px = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, resources.getDisplayMetrics());
return (int) px;
}
/**
* Show an AlertDialog with a single input box.
*
* @param context Application context
* @param title Dialog title
* @param message Dialog input message/hint
* @param inputType InputType of EditText
* @param positiveBtnText Dialog positive button text
* @param negativeBtnText Dialog negative button text
* @param listener Dialog buttons click listener
*/
public static void showSingleInputDialog(
@NonNull Context context,
@NonNull String title,
@NonNull String message,
int inputType,
@NonNull String positiveBtnText,
@NonNull String negativeBtnText,
@NonNull final SingleInputDialogListener listener
) {
AlertDialog.Builder alert = new AlertDialog.Builder(context);
alert.setTitle(title);
TextInputLayout textInputLayout = new TextInputLayout(context);
final EditText input = new EditText(context);
input.setSingleLine(true);
input.setInputType(inputType);
input.setHint(message);
FrameLayout container = new FrameLayout(context);
FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
int left_margin = Utils.dpToPx(20, context.getResources());
int top_margin = Utils.dpToPx(10, context.getResources());
int right_margin = Utils.dpToPx(20, context.getResources());
int bottom_margin = Utils.dpToPx(4, context.getResources());
params.setMargins(left_margin, top_margin, right_margin, bottom_margin);
textInputLayout.setLayoutParams(params);
textInputLayout.addView(input);
container.addView(textInputLayout);
alert.setView(container);
alert.setPositiveButton(positiveBtnText, new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int whichButton) {
listener.positiveCallback(input.getText().toString());
}
});
alert.setNegativeButton(negativeBtnText,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
listener.negativeCallback();
}
});
alert.show();
}
}
SingleInputDialogListener.java
public interface SingleInputDialogListener {
void positiveCallback(String inputText);
void negativeCallback();
}
Use example:
Utils.showSingleInputDialog(mContext,
"Password recovery",
"Your e-mail address",
InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS,
"Recover",
"Cancel",
new SingleInputDialogListener() {
@Override
public void positiveCallback(String inputText) {
Toast.makeText(mContext, inputText, Toast.LENGTH_SHORT).show();
}
@Override
public void negativeCallback() {
// ...
}
});
Here is Kotlin extension function for the Builder to set EditText view.
val Float.toPx: Int
get() = (this * Resources.getSystem().displayMetrics.density).toInt()
fun AlertDialog.Builder.setEditText(editText: EditText): AlertDialog.Builder {
val container = FrameLayout(context)
container.addView(editText)
val containerParams = FrameLayout.LayoutParams(
FrameLayout.LayoutParams.MATCH_PARENT,
FrameLayout.LayoutParams.WRAP_CONTENT
)
val marginHorizontal = 48F
val marginTop = 16F
containerParams.topMargin = (marginTop / 2).toPx
containerParams.leftMargin = marginHorizontal.toInt()
containerParams.rightMargin = marginHorizontal.toInt()
container.layoutParams = containerParams
val superContainer = FrameLayout(context)
superContainer.addView(container)
setView(superContainer)
return this
}
Usage example
val editText = EditText(this)
AlertDialog.Builder(this)
.setTitle("Group Name")
.setEditText(editText)
.setPositiveButton("OK", { _: DialogInterface, _: Int ->
// Do your work with text here
val text = editText.text.toString()
Toast.makeText(applicationContext, text, Toast.LENGTH_SHORT).show()
})
.setNegativeButton("Cancel", null)
.show()
Result