如何对具有固定纵横比视图的扩展视图进行膨胀

Question

在我的应用html" target="_blank">程序中，我有一个滚动视图。在应用程序的生命周期中，我会动态地向滚动视图添加新视图。我可以添加很少问题的视图，但我不能得到正确的尺寸。下面是我想要的布局草图：

在图像中，我有一个尺寸为宽度和高度的屏幕。它包含一个horizontalscrollview（或者可能是一个recyclerview，但我不确定如何使用它），当向它添加视图时，该视图将会增长。我希望添加到视图中的每个项目的宽度等于屏幕高度的五分之一，并且具有匹配的高度。我可以使这工作，如果我硬编码的宽度膨胀的视图，然而，我的视图不会是相同的纵横比在所有电话。

注意：我试过使用PercentralRelativeLayout，但无法使其工作。不确定如何解决这个问题...有什么想法吗？

赏金说明：我将接受Java或C#（Xamarin）的答案！！我的项目是在Xamarin中的，所以如果它能用于这一点，或者如果它能很容易地适应在C#中工作，那将是很好的

Answer 1

您不希望您的视图是屏幕高度的五分之一，而是希望它是父视图高度的五分之一。或者准确地说，你希望你的宽度是视图高度的五分之一。

不同之处在于，使用屏幕宽度/高度可能在您的设备上起作用，但在其他设备上则会中断。如果有人用分屏打开你的app，你会怎么做？

无论视图维度的定义如何，方法都是相同的：如果您想要一个遵循某些规则的视图，您必须创建自己的视图并相应地度量视图。

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  int availableHeight = MeasureSpec.getSize(heightMeasureSpec);
  int wantedWidth = availableHeight / 5;

  setMeasuredDimension(wantedWidth, availableHeight);
}

基本上就是这样。您可能需要阅读有关measurespec和一般度量视图的适当文档。我还写了一篇关于自定义视图的博文，涵盖了一些基础知识。

然后，只需将自定义视图添加到支持ScrollView的LinearLayout中，就可以设置好了。

下面是基本可以工作的完整示例，您可能想要使用一些不同于框架布局的东西。

public class FifthWidthView extends FrameLayout {
  public FifthWidthView(Context context) {
    super(context);
  }

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

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
      int availableHeight = MeasureSpec.getSize(heightMeasureSpec);
      int wantedWidth = availableHeight / 5;

      setMeasuredDimension(wantedWidth, availableHeight);
    }
}