【问题标题】:Layout Elements Covering corners布局元素覆盖角落
【发布时间】:2016-12-01 22:17:34
【问题描述】:

我正在使用 AbsoluteLayout 尝试用我想要添加的元素覆盖整个屏幕以创建“全屏”菜单,但它没有覆盖它。这就是我得到的。让我也分享一下我的代码,因为你看到粉色面板没有覆盖屏幕的一角,这是为什么?

MainActivity xml

<?xml version="1.0" encoding="utf-8"?> <AbsoluteLayout 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.apos.champquess.MainActivity">

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Button"
    android:id="@+id/button"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="77dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

<ImageView
    android:layout_width="404dp"
    android:layout_height="550dp"
    android:id="@+id/imageView"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentBottom="true"
    android:layout_alignRight="@+id/button"
    android:layout_alignEnd="@+id/button"
    android:src="@color/colorAccent"
    android:layout_below="@+id/button"
    android:layout_x="280dp"
    android:layout_y="78dp" />

<RadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New RadioButton"
    android:id="@+id/radioButton"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="231dp"
    android:layout_marginStart="231dp"
    android:layout_x="150dp"
    android:layout_y="73dp" />

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New CheckBox"
    android:id="@+id/checkBox"
    android:layout_x="710dp"
    android:layout_y="238dp" />

和 MainActity Java

package com.example.apos.champquess;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //Remove title bar
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        //Remove notification bar
        this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        //set content view AFTER ABOVE sequence (to avoid crash)
        this.setContentView(R.layout.activity_main);
        setContentView(R.layout.activity_main);
    }
}

编辑:这就是我想要的样子(示例)

【问题讨论】:

  • “粉红色的面板没有覆盖屏幕的角落”你能解释一下你实际上需要做什么吗?也许有草图
  • 嘿@CharukaSilva 我在帖子底部添加了所需效果的屏幕截图

标签: android xml absolutelayout


【解决方案1】:

在这里快速回答;

你使用AbsoluteLayout 此类在 API 级别 3 中已弃用。 请改用FrameLayout、RelativeLayout 或自定义布局。

以RelativeLayout为例

ImageView 在它里面,你已经给它宽度和高度让它相对定位

 android:layout_width="404dp"
 android:layout_height="550dp"

所以它需要尺寸的大小,这就是它超越边界的原因 + 你的根标签中有 padding s AbsoluteLayout 如果您想手动指定尺寸,请提供较小的宽度,例如 75 dp

你有几种方法来完成任务

但首先不要尝试手动提供尺寸,然后它会在不同的屏幕尺寸下以不同的方式显示,但对于单个屏幕,您可以提供这些值。 否则您需要使用基于比率的值。了解layout_weight 和`

What does android:layout_weight mean?

`以及如何使用,一个简单的例子 -->Android Layout - layoutweight and weightsum 或者务实地你可以根据比例给出尺寸

// get screen sises 
     Display display = this.getWindowManager().getDefaultDisplay();
            Point size = new Point();
            display.getSize(size);
            int screenY = size.y;
            int screenX = size.x; 

RelativeLayout.LayoutParams yourView= new RelativeLayout.LayoutParams(screenX, 270 * screenY / 1920);
        yourView.topMargin = 0;
        yourView.leftMargin = 125 * screenX / 1080;
        imgPoints.setLayoutParams(yourView);

并了解RelativeLayout 和LinearLayout 的行为以及

【讨论】:

  • 所以这像 css 一样工作?我应该使用具有相同逻辑的布局吗?
  • @Demeteor 自己尝试一下,如果您觉得很难或有任何问题,请在下方留言,我可以为您提供帮助
猜你喜欢
  • 1970-01-01
  • 2012-01-29
  • 1970-01-01
  • 2011-01-15
  • 1970-01-01
  • 2015-09-10
  • 2011-02-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多