Question

尝试创建一个方形视图（允许宽度变化但高度设置为宽度 - 屏幕截图中的绿色）我创建了扩展视图并覆盖onMeasure as per another stack overflow question 。

正确执行此操作会强制视图保持正方形。然而;它没有＆＃34;玩得很好＆＃34;与屏幕上的其他元素。如果SquareView比自然大，那么将它们推到屏外。这在以下屏幕截图中进行了演示。 SquareView之后是ScrollView，其中包含降序数字23-1。当SquareView覆盖onMeasure时，即使ScrollView滚动到最底部，最后几个数字也会被切断。当它没有被覆盖时，一切都很完美（但是SquareView不是方形）。

我相信其他一切都是基于SquareView的自然尺寸来确定它的大小，然后我调整它的大小就搞乱了。

如何在不将其他元素推离屏幕的情况下创建一个自身调整为正方形的视图？

enter image description here

除了切断结束;当滚动时，滚动条显然是错误的并且延伸到屏幕之外。

SquareView：

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.View;

public class SquareView extends View{


    public SquareView(Context context, AttributeSet aSet) {

            super(context, aSet);
            this.setBackgroundColor(Color.GREEN);
     }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int width=getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);

        setMeasuredDimension( width, width);
    }

}

XML：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

     android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <com.example.resizeissue.SquareView

            android:layout_width="fill_parent"

            android:layout_height="0dp"

            android:layout_weight="1"

            android:layout_margin="20dip"

            android:id="@+id/the_canvas"/>

          <ScrollView
          android:layout_width="fill_parent"
          android:layout_height="0dp" 
          android:layout_weight="1"
          >
             <LinearLayout
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:orientation="vertical"

               >

                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="13\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="12\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="11\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="10\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="9\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="8\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="7\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="6\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="5\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="4\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="3\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="2\n\n\n"
                        />
                   <TextView
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:layout_gravity="center"
                       android:text="end"
                        />



            </LinearLayout>
        </ScrollView>

</LinearLayout>

MainActivity（非常标准）：

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.os.Build;

public class MainActivity extends ActionBarActivity {

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

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * A placeholder fragment containing a simple view.
     */
    public static class PlaceholderFragment extends Fragment {

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container, false);
            return rootView;
        }
    }

}

Answer 1

这里的问题是使用权重来定义SquareView的高度以及明确设置其高度。这实际上有意义不能很好地结束，因为你不能同时定义按重量分割的剩余空间和明确设置其中一个元素大小而不必给予。

因此需要进行以下更改

<com.example.resizeissue.SquareView

        android:layout_width="fill_parent"

        android:layout_height="0dp"

        android:layout_margin="20dip"

        android:id="@+id/the_canvas"/>

      <ScrollView
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      >
      .......

这样可以很好地适应空间中的所有内容

Answer 2

从http://www.jayway.com/2012/12/12/creating-custom-android-views-part-4-measuring-and-how-to-force-a-view-to-be-square/（我用谷歌搜索广场......）

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int size = 0;
    int width = getMeasuredWidth();
    int height = getMeasuredHeight();

    if (width > height) {
        size = height;
    } else {
        size = width;
    }
    setMeasuredDimension(size, size);
}

使用onMeasure来控制视图的大小会将其他元素推离屏幕

2 个答案: