将EditText引入WebView Android的前端

时间:2015-06-24 13:06:08

标签: java android webview

我有以下代码:

public class MainActivity extends ActionBarActivity {

    EditText userfield;
    EditText passfield;
    Button logbtn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        userfield = (EditText)findViewById(R.id.editText);
        passfield = (EditText)findViewById(R.id.editText2);

        logbtn = (Button)findViewById(R.id.button);

        GifWebView view = new GifWebView(this, "file:///android_asset/watg.gif");

        view.getSettings().setLoadWithOverviewMode(true);
        view.getSettings().setUseWideViewPort(true);

        setContentView(view);

        userfield.bringToFront();
        userfield.invalidate();
        passfield.bringToFront();
        passfield.invalidate();
        logbtn.bringToFront();
        logbtn.invalidate();

    }

正如您所看到的那样,在onCreate()之后以编程方式创建GifWebView(扩展WebView)

按钮和EditTexts在Activity.xml中生成,但在Java文件中以编程方式显示在前面。

为什么上述代码不起作用?

编辑 - 框架布局问题

我的XML代码

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

    <com.example.dencallanan.giftestapp.GifWebView android:id="@+id/GWebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        />

    <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:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/editText"
            android:layout_marginBottom="153dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:hint="USERNAME" />

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/editText2"
            android:layout_marginTop="58dp"
            android:layout_alignTop="@+id/editText"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_alignLeft="@+id/editText"
            android:layout_alignStart="@+id/editText"
            android:hint="PASSWORD" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Log In"
            android:id="@+id/button"
            android:layout_below="@+id/editText2"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="25dp" />
    </RelativeLayout>


</FrameLayout>

错误:

enter image description here

1 个答案:

答案 0 :(得分:1)

您正在呼叫setContentView(R.layout.activity_main)并再次呼叫setContentView(view)setContentView将覆盖布局,这将生效,将其替换为新布局。我建议使用FrameLayout in XML文件... Webview将是您的底层。最重要的是将Linear/RelativeLayoutEdittextsButton放在一起......简单干净。

您可以在XML中添加您的网页视图,如:

<com.package.GifWebView android:id="@+id/GWebView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
/>

在代码中,将其作为:

进行访问
GifWebView gWView = (GifWebView) findViewById(R.id.GWebView);
gWView = new GifWebView(this, "file:///android_asset/watg.gif");