如何以固定宽度和高度显示Web视图

Question

对不起，我一直在搜索这个论坛，没有得到确切的答案。所以我问自己。

我有一个类显示两种布局，glView和webview，目标人像屏幕为640x960。我打算把布局分开。所以看起来我的背景画在（0,0640480）或肖像屏幕的一半，我希望我的网络视图绘制在（0481640479），它从中间到底部占据另一半。然而，我失败了，不知道如何实现我想要的布局。如何设置webView大小&位置

PS：如果我将布局设置为底部对齐，则网络视图确实位于中间到底部的位置，但我需要指定确切的位置。。以及最坏的情况。。当它加载url时，它将使用整个屏幕，覆盖我的所有第一个布局，我迷失了方向。那么如何让webview将加载的url显示为webview指定的宽度和高度。

谢谢。。抱歉我英语不好。

无论如何，这是我的代码（我全部用程序创建，没有使用任何xml布局）

    glView = new GLSurfaceView(this);
    glView.setRenderer(this);
    glView.setZOrderMediaOverlay(false);
    layout = new RelativeLayout(this);
    layout.addView(glView);
    webView = new WebView(this);    
    this.showWV(false); //handler message , i hide it in certain screen.
    //webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.loadUrl("http://stackoverflow.com");
    RelativeLayout.LayoutParams params =
       new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,
             RelativeLayout.LayoutParams.WRAP_CONTENT);
    params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
    layout.addView(webView, params);
    setContentView(layout);

Answer 1

您可以使用LinearLayout而不是RelativeLayout来分割屏幕。只需将CCD_ 3和CCD_。在您的情况下，代码将是：

LinearLayout layout = new LinearLayout(this); // Use LinearLayout instead of Relative
glView = new GLSurfaceView(this);
glView.setRenderer(this);
glView.setZOrderMediaOverlay(false);
// height is 0, weight is 1
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1);
layout.addView(glView, params);
webView = new WebView(this);
this.showWV(false); //handler message , i hide it in certain screen.
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
// height is 0, weight is 1
params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1);
layout.addView(webView, params);
webView.loadUrl("http://stackoverflow.com");
setContentView(layout);

或者，您可以将RelativeLayout与硬编码的高度和宽度值一起使用：

RelativeLayout layout = new RelativeLayout(this); // Use LinearLayout instead of Relative
glView = new GLSurfaceView(this);
glView.setRenderer(this);
glView.setZOrderMediaOverlay(false);
glView.setId(123); // set id
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(640, 480);
layout.addView(glView, params);
webView = new WebView(this);
this.showWV(false); //handler message , i hide it in certain screen.
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
params = new RelativeLayout.LayoutParams(640, 480);
params.addRule(RelativeLayout.BELOW, glView.getId()); // set WebView position is below GLSurfaceView
layout.addView(webView, params);
webView.loadUrl("http://stackoverflow.com");
setContentView(layout);

UPD:没有硬编码值，使用不可见视图：

RelativeLayout layout = new RelativeLayout(this); // Use LinearLayout instead of Relative
// create a fake view with zero size and place it to center of RelativeLayout
View fakeView = new View(this); 
fakeView.setId(24736); 
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(0, 0);
params.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);
layout.addView(fakeView, params);
glView = new GLSurfaceView(this);
glView.setRenderer(this);
glView.setZOrderMediaOverlay(false);
glView.setId(123); // set id
params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
params.addRule(RelativeLayout.ABOVE, fakeView.getId()); // set position is above fakeView
layout.addView(glView, params);
webView = new WebView(this);
this.showWV(false); //handler message , i hide it in certain screen.
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
params.addRule(RelativeLayout.BELOW, fakeView.getId()); // set WebView position is below fakeView
layout.addView(webView, params);
webView.loadUrl("http://stackoverflow.com");
setContentView(layout);

Answer 2

您可以使用RelativeLayout.LayoutParams class:来完成此操作

RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(640, 480);
params.addRule(RelativeLayout.ALIGN_PARENT_TOP, RelativeLayout.TRUE);
webView.setLayoutParams(params);

然后将web视图添加到布局中。您可以在屏幕底部找到具有新LayoutParams实例和addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, RelativeLayout.TRUE); 的另一个视图