내용을 혼합하지 않고 웹보기에서 단추를 표시하는 방법

Question

웹보기에서 단추와 편집 문구를 만들려고합니다. 둘 다 페이지 뒤쪽에 있어야합니다. 아래에 게시 된 내 attemps에서 나는 webview에서 버튼과 edittext 영역을 모두 설정할 수 있었지만 문제는 단추와 edittext 영역 모두가 섀도 잉되거나 웹 페이지의 내용으로 덮여 있다는 것입니다. 해당 요소와 내용을 혼합하지 않도록하는 방법이 있습니까?

JavaCode :

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    requestWindowFeature(Window.FEATURE_NO_TITLE); 
    setContentView(R.layout.activity_web_page00); 

    webView00 = (WebView) findViewById(R.id.webView00); 
    btnGo = (Button) findViewById(R.id.go_btn); 
    etUrl = (EditText) findViewById(R.id.url_edittext); 

    webView00.getSettings().setJavaScriptEnabled(true); 
    webView00.setWebViewClient(new myWebViewClient()); 
    webView00.setWebChromeClient(new myWebChromeClient()); 

    webView00.loadUrl("http://google.com"); 

XML :

여기

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context="com.example.webapptest01.WebAppTest01$PlaceholderFragment" > 

    <WebView 
     android:id="@+id/webView00" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 

    <Button 
     android:id="@+id/go_btn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:text="Go!" /> 

    <EditText 
     android:id="@+id/url_edittext" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:minWidth="220dp" /> 

</RelativeLayout> 

Answer 1

단일 RelativeLayout (NO 중첩 된 레이아웃)로 유지하고 android:layout_above 속성을 사용하게 한 가지 방법 :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context="com.example.webapptest01.WebAppTest01$PlaceholderFragment" > 

    <Button 
     android:id="@+id/go_btn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:text="Go!" /> 

    <EditText 
     android:id="@+id/url_edittext" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:minWidth="220dp" /> 

    <WebView 
     android:id="@+id/webView00" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_above="@id/url_edittext" /> 

</RelativeLayout> 

을

Answer 2

상대 레이아웃 대신 프레임 레이아웃을 사용해야합니다. 여기

는이

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <WebView 
     android:id="@+id/webView00" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_above="@id/url_edittext" /> 

    <Button 
     android:id="@+id/go_btn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right|bottom" 
     android:text="Go!" /> 

    <EditText 
     android:id="@+id/url_edittext" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     android:minWidth="220dp" /> 

</FrameLayout>