视图驱离屏幕 (Android)

【问题标题】：Views drive off the screen (Android)视图驱离屏幕 (Android)
【发布时间】：2017-08-17 11:43:42
【问题描述】：

我的井字游戏有问题。棋盘必须是 4x4 正方形，元素也必须是正方形。 A 已应用 GridLayout。问题是在小屏幕上（也在横向模式下），板子会离开屏幕。

它是这样的：

landscape

small screen

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout                 xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.kasia.tictactoe.BoardActivity"
android:id="@+id/parent">



<android.support.constraint.ConstraintLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="@id/parent"
    app:layout_constraintTop_toTopOf="@id/parent"
    app:layout_constraintStart_toStartOf="@id/parent"
    app:layout_constraintEnd_toEndOf="@id/parent"
    android:id="@+id/boardLayout"

    >

<com.example.kasia.tictactoe.MyGridLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:rowCount="4"
    android:columnCount="4"
    android:id="@+id/gridLayout"
    android:layout_centerInParent="true"
    app:layout_constraintBottom_toBottomOf="@id/boardLayout"
    app:layout_constraintTop_toTopOf="@id/boardLayout"
    app:layout_constraintRight_toRightOf="@id/boardLayout"
    app:layout_constraintLeft_toLeftOf="@id/boardLayout"



    >


    <com.example.kasia.tictactoe.GridViewButton    xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

    </com.example.kasia.tictactoe.GridViewButton>

    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_gravity="fill_horizontal"
        android:scaleType="centerCrop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
    </com.example.kasia.tictactoe.GridViewButton>

    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
    </com.example.kasia.tictactoe.GridViewButton>



    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        >
    </com.example.kasia.tictactoe.GridViewButton>


    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"


        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>



    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>

    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_gravity="fill_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"
        android:scaleType="centerCrop"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="fill_horizontal"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="fill_horizontal"

        >
    </com.example.kasia.tictactoe.GridViewButton>
    <com.example.kasia.tictactoe.GridViewButton xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:scaleType="centerCrop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="fill_horizontal"

        >
    </com.example.kasia.tictactoe.GridViewButton>

</com.example.kasia.tictactoe.MyGridLayout>
</android.support.constraint.ConstraintLayout>


public class MyGridLayout extends GridLayout {
public MyGridLayout(Context context) {
    super(context);
}

public MyGridLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public MyGridLayout(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

public MyGridLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
}

@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec,widthMeasureSpec); 
}

}

public class GridViewButton extends Button {


public GridViewButton(Context context) {
    super(context);
}

public GridViewButton(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public GridViewButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

public GridViewButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
}

@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, widthMeasureSpec); 
}

}

如果有任何提示，我将不胜感激......

【问题讨论】：

  • 使用gridview会解决你的问题

标签： android layout screen overflow


【解决方案1】： 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="4" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main" />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main" />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main" />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />

    <ImageButton
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher_main"  />
</LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4" >

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:src="@mipmap/ic_launcher_main" />

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:src="@mipmap/ic_launcher_main"  />

        <ImageButton
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:src="@mipmap/ic_launcher_main"  />
        <ImageButton
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:src="@mipmap/ic_launcher_main" />
    </LinearLayout>

</LinearLayout>

【讨论】：

    猜你喜欢
    • 2017-11-03
    • 1970-01-01
    • 2021-10-23
    • 1970-01-01
    • 2016-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-27
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode