Sunday, 30 June 2013

Return values from custom popup window to activity

We can return values from custom popup window to activity using listener. Example code:

popup.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#cdcdcd"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="50dp" >

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp" />

    <EditText
        android:id="@+id/bank_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="3dp"
        android:hint="Name"
        android:inputType="textCapWords" />

    <EditText
        android:id="@+id/bankacc_no"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="3dp"
        android:hint="Number"
        android:inputType="number" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="10dp" >

        <Button
            android:id="@+id/popupSave"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:padding="10dp"
            android:text="Save" />

        <Button
            android:id="@+id/popupClose"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:padding="10dp"
            android:text="Cancel" />
    </LinearLayout>

</LinearLayout>


Popup.java
package com.example.popupwindow;

import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.EditText;
import android.widget.PopupWindow;

public class Popup extends PopupWindow {

Context context;
EditText et_name, et_number;
String name, number;

private int dx;
private int dy;
private OnSubmitListener mListener;

public Popup(Context ctx, OnSubmitListener listener) {
super(ctx);

context = ctx;
mListener = listener;

setContentView(LayoutInflater.from(context).inflate(R.layout.popup, null));
setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
setWidth(WindowManager.LayoutParams.WRAP_CONTENT);
View popupView = getContentView();
setFocusable(true);

Button btn_close = (Button) popupView.findViewById(R.id.popupClose);
Button btn_submit = (Button) popupView.findViewById(R.id.popupSave);
et_name = (EditText) popupView.findViewById(R.id.bank_name);
et_number = (EditText) popupView.findViewById(R.id.bankacc_no);

btn_submit.setOnClickListener(new OnClickListener() {

public void onClick(View v) {
String name = et_name.getText().toString();
String number = et_number.getText().toString();

mListener.valueChanged(name, number);//To change the value of the textview of activity.
dismiss();
}
});

btn_close.setOnClickListener(new OnClickListener() {

public void onClick(View arg0) {
dismiss();
}
});

// setOnTouchListener is to add drag and drop the popup window.
// If you didn't want, you can remove it.
popupView.setOnTouchListener(new OnTouchListener() {

public boolean onTouch(View arg0, MotionEvent motionEvent) {
switch (motionEvent.getAction()) {

case MotionEvent.ACTION_DOWN:
dx = (int) motionEvent.getRawX();
dy = (int) motionEvent.getRawY();
break;

case MotionEvent.ACTION_MOVE:
int x = (int) motionEvent.getRawX();
int y = (int) motionEvent.getRawY();
int left = (x - dx);
int top = (y - dy);
update(left, top, -1, -1);
break;
}
return true;
}
});
}

public void show(View v) {
showAtLocation(v, Gravity.CENTER, 0, 0);
}

public interface OnSubmitListener {
void valueChanged(String name, String number);
}
}


main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"   
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Name" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Number" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="showPopup"
        android:text="Change" />

</LinearLayout>


To change the text of textview we have to implement OnSubmitListener in our activity.

Also I have added my custom toast as DialogToast here. This toast message will disappear when you touch the screen and also when this custom toast message appears screen will goes to dim to view the toast message to user perfectly. If you didn't want just change the line to normal toast message or else you can remoe it.

CustomPopupWindowActivity.java
package com.example.popupwindow;

import com.example.popupwindow.Popup.OnSubmitListener;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class CustomPopupWindowActivity extends Activity implements OnSubmitListener {

Context context;
Popup popup;

TextView mTextView1, mTextView2;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

mTextView1 = (TextView) findViewById(R.id.textView1);
mTextView2 = (TextView) findViewById(R.id.textView2);

context = this;
popup = new Popup(context, this);
}

public void showPopup(View v) {
popup.show(v);
}

@Override
public void valueChanged(String name, String number) {
mTextView1.setText(name);
mTextView2.setText(number);
new DialogToast(context, "Values updated").show();//For custom toast. You can change or remove this line.
}
}

Sample screen shot of this code.



Thank You