태그 보관물: webview

웹뷰(WebView)에 OnClick 이벤트 추가하기

웹뷰(WebView)는 View를 상속받아서, 뷰에서 클릭 이벤트를 처리할 수 있도록 OnClickListener를 등록할 수 있다. 하지만, 웹뷰는 OnClickListener로 이벤트를 알려 주지 않는다. 그래서, OnClick 이벤트를 처리하기 위해서는 이 이벤트에 대한 처리를 직접해야 한다.

웹뷰의 OnClick 이벤트를 캐치하기 위해서는 OnTouch 이벤트에서 조건에 맞는 경우에 OnClick으로 간주하면 된다.

조건은 아래의 코드에서 볼 수 있듯이 다음과 같다.
– 클릭시 1초이내(1초를 넘어가면 롱클릭)에 손가락이 떨어져야 한다.
– 그리고 손가락의 이동이 15dp이내이어야 한다. 그 이상 멀어진 경우 드레그를 했다고 간주한다.

   
import android.content.Context;
import android.view.MotionEvent;
import android.view.View;

public class OnClickWithOnTouchListener implements View.OnTouchListener {
	public interface OnClickListener {
		void onClick();
	}

	/**
	 * Max allowed duration for a "click", in milliseconds.
	 */
	static final int MAX_CLICK_DURATION = 1000;
	/**
	 * Max allowed distance to move during a "click", in DP.
	 */
	static final int MAX_CLICK_DISTANCE = 15;

	private Context mContext;
	private OnClickListener mClickListener;

	private long pressStartTime;
	private float pressedX;
	private float pressedY;
	private boolean stayedWithinClickDistance;

	public OnClickWithOnTouchListener(Context context, OnClickListener clickListener) {
		this.mContext = context;
		this.mClickListener = clickListener;
	}

	@Override
	public boolean onTouch(View v, MotionEvent event) {
		if(mClickListener == null) {
			return false;
		}

		int eventAction = event.getAction();
		if(eventAction == MotionEvent.ACTION_DOWN) {
			pressStartTime = System.currentTimeMillis();
			pressedX = event.getX();
			pressedY = event.getY();
			stayedWithinClickDistance = true;
		} else if(eventAction == MotionEvent.ACTION_MOVE) {
			float distance = distance(pressedX, pressedY, event.getX(), event.getY());
			if (stayedWithinClickDistance && distance > MAX_CLICK_DISTANCE) {
				stayedWithinClickDistance = false;
			}
		} else if(eventAction == MotionEvent.ACTION_UP) {
			long pressDuration = System.currentTimeMillis() - pressStartTime;
			if (pressDuration < MAX_CLICK_DURATION && stayedWithinClickDistance) {
				mClickListener.onClick();
			}
		}

		return false;
	}

	private float distance(float x1, float y1, float x2, float y2) {
		float dx = x1 - x2;
		float dy = y1 - y2;
		float distanceInPx = (float) Math.sqrt(dx * dx + dy * dy);
		return pxToDp(mContext, distanceInPx);
	}

	public static float pxToDp(Context context, float px) {
		if(context == null) {
			return 0f;
		}

		return px / context.getResources().getDisplayMetrics().density;
	}
}

이제 위 코드를 사용해서 웹뷰의 OnClick 이벤트를 처리해 보자.

  
	mWebview.setOnTouchListener(new OnClickWithOnTouchListener(this, new OnClickWithOnTouchListener.OnClickListener() {
		@Override
		public void onClick() {
			// onclick 이벤트 처리
		}
	}));

* 레퍼런스
- https://stackoverflow.com/questions/9965695/how-to-distinguish-between-move-and-click-in-ontouchevent/17911861#17911861

Android WebView에서 getUrl() 메소드 값이 현재 페이지가 아닌경우..

Android WebView가 제공하는 getUrl() 메쏘드는 WebView를 통해서 가져온 웹 페이지의 URL을 넘겨줍니다.
대체로 getUrl() 메쏘드는 redirect된 사이트의 url을 가져옵니다.. 하지만, 간혹 redirect 하는 페이지에서 현재 사이트이 url이 아닌, redirect 전의 url을 가져오는 경우가 있습니다..

그래서, 위와 같은 문제를 해결하기 위한 방안으로, android webkit의 WebViewClient를 상속받아서 WebView의 페이지 로더로 바인딩을 해서 처리하면 해결할 수 있습니다..

* WebClient를 상속받은 클래스

import android.webkit.WebView;
import android.webkit.WebViewClient;
public class OAuthWebClient extends WebViewClient {
 @Override
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
  view.loadUrl(url);
  return true;
 }
 
 @Override
 public void onPageFinished(WebView view, String url) {
  // WebView의 페이지 로드가 완료되면 콜백의 형태로 이 메쏘드가 호출됩니다.. 좀 더 정확하게는 WebView가 이벤트 발생하는 경우 WebViewClient의 선언된 메쏘드들을 호출하고, 요 형태는 전형적인 옵저버 패턴의 모습입니다.
 }
}

* WebView에서 위의 클래스를 사용하는 형태
  – 아래 코드는 WebView에서 url이 바뀌는 것을 주기적으로 2초마다 모니터링하는 스켈레톤 코드의 형태이다.

webView.setWebViewClient(new OAuthWebClient()); 
Timer timer = new Timer();
TimerTask monitorThread = new TimerTask() {
    @Override
    public void run() {  
        if(webView == null || webView.getUrl() == null)
            return;
        
        // url이 현재 webView의 url이 아닐수 있기 때문에, 위에서 선언한 클래스의 onPageFinished() 메쏘드를 활용할 필요가 있다.
        String url = webView.getUrl();
    }
}
timer.schedule(monitorThread, 10* 1000, 2000); // 10초 후에, 매 2초마다 monitorThread를 실행

결론으로, WebView의 getUrl()메쏘드가 잘 동작하지만, 실제로 잘 못 가져오는 문제가 있기 때문에, 정확한 URL을 가져오기 위해서는 위의 WebViewClient를 상속한 OAuthWebClient같은 클래스를 만들어서, 좀 더 정확하게 의도한 바를 오버라이딩을 통해서 구현할 수 있을 것이다.