Замена для механизма линейных весов

Ответ 1

Теперь есть более приятное решение, чем пользовательский макет, который я сделал:

PercentRelativeLayout

Учебное пособие можно найти здесь и можно найти репо здесь.

Пример кода:

<android.support.percent.PercentRelativeLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:app="http://schemas.android.com/apk/res-auto"
         android:layout_width="match_parent"
         android:layout_height="match_parent"/>
     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>
 </android.support.percent.PercentFrameLayout/>

или

 <android.support.percent.PercentFrameLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:app="http://schemas.android.com/apk/res-auto"
         android:layout_width="match_parent"
         android:layout_height="match_parent"/>
     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>
 </android.support.percent.PercentFrameLayout/>

Интересно, может ли он справиться с проблемами, которые я здесь показал.

Ответ 2

Я принял ваш вызов и попытался создать макет, который вы описываете, в ответ на мои комментарии. Ты прав. Это удивительно сложно. Кроме того, мне нравятся стреляющие домашние мухи. Поэтому я прыгнул на борт и придумал это решение.

• Расширьте существующие классы макетов, а не создайте свой собственный с нуля. Я пошел с RelativeLayout для начала, но тот же подход может использоваться всеми из них. Это дает вам возможность использовать поведение по умолчанию для этого макета для дочерних представлений, которые вы не хотите манипулировать.

• Я добавил четыре атрибута в макет, названный top, left, width и height. Мое намерение состояло в том, чтобы имитировать HTML, позволяя такие значения, как "10%", "100 пикселей", "100 дп" и т.д. В это время единственным принятым значением является целое число, представляющее% родительского. "20" = 20% от макета.

• Для лучшей производительности я разрешаю super.onLayout() выполнять все итерации и обрабатывать только просмотры с помощью пользовательских атрибутов на последнем проходе. Поскольку эти представления будут размещены и масштабированы независимо от братьев и сестер, мы можем перемещать их после того, как все остальное засело.

Вот atts.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="HtmlStyleLayout">
        <attr name="top" format="integer"/>
        <attr name="left" format="integer"/>
        <attr name="height" format="integer"/>
        <attr name="width" format="integer"/>

    </declare-styleable>
</resources>

Вот мой класс макета.

package com.example.helpso;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;


public class HtmlStyleLayout extends RelativeLayout{

    private int pass =0;
    @Override
      protected HtmlStyleLayout.LayoutParams generateDefaultLayoutParams()
        {
        return new HtmlStyleLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
        }

      @Override
      public HtmlStyleLayout.LayoutParams generateLayoutParams(final AttributeSet attrs)
        {
        return new HtmlStyleLayout.LayoutParams(getContext(),attrs);
        }

      @Override
      protected RelativeLayout.LayoutParams generateLayoutParams(final android.view.ViewGroup.LayoutParams p)
        {
        return new HtmlStyleLayout.LayoutParams(p.width,p.height);
        }

      @Override
      protected boolean checkLayoutParams(final android.view.ViewGroup.LayoutParams p)
        {
        final boolean isCorrectInstance=p instanceof HtmlStyleLayout.LayoutParams;
        return isCorrectInstance;
        }

    public HtmlStyleLayout(Context context, AttributeSet attrs) {
        super(context, attrs);

    }

    public void setScaleType(View v){
        try{
            ((ImageView) v).setScaleType (ImageView.ScaleType.FIT_XY);
        }catch (Exception e){
            // The view is not an ImageView 
        }
    }


    @Override
      protected void onLayout(final boolean changed,final int l,final int t,final int r,final int b)
        {
        super.onLayout(changed, l, t, r, b);           //Let the parent layout do it thing


        pass++;                                        // After the last pass of
        final int childCount = this.getChildCount();   // the parent layout
        if(true){                        // we do our thing


            for(int i=0;i<childCount;++i)
              {
              final View v=getChildAt(i);
              final HtmlStyleLayout.LayoutParams params = (HtmlStyleLayout.LayoutParams)v.getLayoutParams();

              int newTop = v.getTop();                 // set the default value
              int newLeft = v.getLeft();               // of these to the value
              int newBottom = v.getBottom();           // set by super.onLayout() 
              int newRight= v.getRight();             
              boolean viewChanged = false;

              if(params.getTop() >= 0){
                  newTop = ( (int) ((b-t) * (params.getTop() * .01))  );
                  viewChanged = true;
              }

              if(params.getLeft() >= 0){
                  newLeft = ( (int) ((r-l) * (params.getLeft() * .01))  );
                  viewChanged = true;
              }

              if(params.getHeight() > 0){
                  newBottom = ( (int) ((int) newTop + ((b-t) * (params.getHeight() * .01)))  );
                  setScaleType(v);                        // set the scale type to fitxy
                  viewChanged = true;
              }else{
                  newBottom = (newTop + (v.getBottom() - v.getTop()));
                  Log.i("heightElse","v.getBottom()=" +
                          Integer.toString(v.getBottom())
                          + " v.getTop=" +
                          Integer.toString(v.getTop()));
              }

              if(params.getWidth() > 0){
                  newRight = ( (int) ((int) newLeft + ((r-l) * (params.getWidth() * .01)))  );
                  setScaleType(v);
                  viewChanged = true;
              }else{
                  newRight = (newLeft + (v.getRight() - v.getLeft()));
              }

                // only call layout() if we changed something
                if(viewChanged)
                    Log.i("SizeLocation",
                            Integer.toString(i) + ": "
                            + Integer.toString(newLeft) + ", "
                            + Integer.toString(newTop) + ", "
                            + Integer.toString(newRight) + ", "
                            + Integer.toString(newBottom));
                v.layout(newLeft, newTop, newRight, newBottom);
              }





            pass = 0;                                 // reset the parent pass counter
        }
        }


     public  class LayoutParams extends RelativeLayout.LayoutParams
        {

        private int top, left, width, height;
        public LayoutParams(final Context context, final AttributeSet atts) {
            super(context, atts);
            TypedArray a = context.obtainStyledAttributes(atts, R.styleable.HtmlStyleLayout);
            top =  a.getInt(R.styleable.HtmlStyleLayout_top , -1);
            left = a.getInt(R.styleable.HtmlStyleLayout_left, -1);
            width = a.getInt(R.styleable.HtmlStyleLayout_width, -1);
            height = a.getInt(R.styleable.HtmlStyleLayout_height, -1);
            a.recycle();


        }
        public LayoutParams(int w, int h) {
            super(w,h);
            Log.d("lp","2");
        }
        public LayoutParams(ViewGroup.LayoutParams source) {
            super(source);
            Log.d("lp","3");
        }
        public LayoutParams(ViewGroup.MarginLayoutParams source) {
            super(source);
            Log.d("lp","4");
        }
        public int getTop(){
            return top;
        }
        public int getLeft(){
            return left;
        }
        public int getWidth(){
            return width;
        }
        public int getHeight(){
            return height;
        }
        }
}

Вот пример активности xml

<com.example.helpso.HtmlStyleLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:html="http://schemas.android.com/apk/res/com.example.helpso"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:scaleType="fitXY"
        android:src="@drawable/bg" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/overlay"
        html:height="10"
        html:left="13"
        html:top="18"
        html:width="23" />

</com.example.helpso.HtmlStyleLayout>

Вот изображения, которые я использовал для тестирования.

Если вы не устанавливаете значение для определенного атрибута, оно будет использоваться по умолчанию. Поэтому, если вы задаете ширину, но не высоту, изображение будет масштабироваться по ширине и wrap_content для высоты.

папка с zipped-проектом.

apk

Я нашел источник ошибки. Проблема в том, что я использовал подсчет дочерних элементов макета, как в индикаторе того, сколько звонков на onLayout он сделает. Это, похоже, не верно в старых версиях Android. Я заметил, что в 2.1 onLayout вызывается только один раз. Поэтому я изменил

if(pass == childCount){

к

if(true){  

и он начал работать как ожидалось.

Я по-прежнему считаю целесообразным настроить макет только после того, как супер сделано. Просто нужно найти лучший способ узнать, когда это возможно.

ИЗМЕНИТЬ

Я не понимал, что вы намерены собирать изображения с точностью до пикселя. Я достиг точности, которую вы ищете, используя переменные точности double float вместо целых чисел. Однако вы не сможете выполнить это, позволяя масштабировать ваши изображения. Когда изображения масштабируются, пиксели добавляются с некоторым интервалом между существующими пикселями. Цвет новых пикселей - это средневзвешенное значение окружающих пикселей. Когда вы масштабируете изображения независимо друг от друга, они не обмениваются информацией. В результате вы всегда будете иметь артефакт в шве. Добавьте к этому результат округления, так как у вас не может быть частичный пиксель, и вы всегда будете иметь допуски на +/- 1 пиксель.

Чтобы убедиться в этом, вы можете выполнить одну и ту же задачу в своем программном обеспечении для редактирования фотографий премиум-класса. Я использую PhotoShop. Используя те же изображения, что и в моем apk, я поместил их в отдельные файлы. Я увеличил их на 168% по вертикали и 127% по горизонтали. Затем я поместил их в файл и попытался выровнять их. Результат был таким же, как и в моем apk.

Чтобы продемонстрировать точность макета, я добавил вторую активность в apk. В этом упражнении я не масштабировал фоновое изображение. Все остальное точно такое же. Результат получается бесшовным.

Я также добавил кнопку, чтобы показать/скрыть оверлейное изображение, а другое - переключиться между действиями.

Я обновил папку apk и zipped на моем диске Google. Вы можете получить их по ссылкам выше.

Ответ 3

После того как вы попробовали свой код, я просто нахожу причину проблем, о которых вы упомянули, и это потому, что в вашем настраиваемом макете вы только макет ребенка правильно, однако вы забыли измерить ваш ребенок правильно, что напрямую повлияет на иерархию чертежа, поэтому просто добавьте нижеприведенный код, и он работает для меня.

    @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int widthSize = MeasureSpec.getSize(widthMeasureSpec)-this.getPaddingRight()-this.getPaddingRight();
    int widthMode = MeasureSpec.getMode(widthMeasureSpec);

    int heightSize = MeasureSpec.getSize(heightMeasureSpec)-this.getPaddingTop()-this.getPaddingBottom();
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);

    if(heightMode == MeasureSpec.UNSPECIFIED || widthMode == MeasureSpec.UNSPECIFIED)
        throw new IllegalArgumentException("the layout must have a exact size");

    for (int i = 0; i < this.getChildCount(); ++i) {
        View child = this.getChildAt(i);
        LayoutParams lp = (LayoutParams)child.getLayoutParams();
        int width = lp._viewHorizontalWeight * widthSize/(lp._leftHorizontalWeight+lp._rightHorizontalWeight+lp._viewHorizontalWeight);
        int height =  lp._viewVerticalWeight * heightSize/(lp._topVerticalWeight+lp._bottomVerticalWeight+lp._viewVerticalWeight);
        child.measure(width | MeasureSpec.EXACTLY,  height | MeasureSpec.EXACTLY);
    }

    this.setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec));

}

Ответ 4

Я предлагаю использовать следующие оптимизации:

<FrameLayout 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:gravity="center">


    <TextView android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="@string/hello_world"
      android:background="#ffff0000" android:gravity="center"
      android:textSize="20dp" android:textColor="#ff000000" />

</FrameLayout>

или используйте http://developer.android.com/reference/android/widget/LinearLayout.html#attr_android:weightSum

или используйте TableLayout с layout_weight для строк и столбцов

или используйте GridLayout.