java - 如何使用固定宽高比 View 膨胀扩展 View

Question

在我的应用程序中，我有一个 ScrollView 。在我的应用程序生命周期中，我动态地向 ScrollView 添加新 View 。我可以毫无问题地添加 View ，但是我无法获得正确的尺寸。这是我想要的布局的草图:

在图像中，我有一个尺寸为 Width 乘以 Height 的屏幕。它包含一个 Horizo​​ntalScrollView(或者可能是一个 RecyclerView，但我不确定如何使用它)，它会在添加 View 时增长。我希望添加到 View 中的每个项目的宽度等于屏幕高度的五分之一并具有匹配的高度。如果我对膨胀 View 的宽度进行硬编码，我就可以完成这项工作，但是，我的 View 在所有手机上的宽高比都不相同。

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

---

悬赏注意事项:我会接受使用 Java 或 C# (Xamarin) 编写的答案!!我的项目是在 Xamarin 中进行的，所以如果它适用于该项目，或者如果它可以很容易地适应 C# 中的工作，那就太好了

Answer 1

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

不同之处在于，使用屏幕宽度/高度可能适用于您的设备，但会破坏其他设备。如果有人使用分屏打开您的应用，您会怎么做？

无论 View 尺寸的定义如何，方法都是相同的:如果您想要一个遵循某些规则的 View ，您将必须创建自己的 View 并相应地测量 View 。

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

  setMeasuredDimension(wantedWidth, availableHeight);
}

基本上就是这样。您可能希望阅读有关 MeasureSpec 和一般测量 View 的适当文档。我还写了一篇关于 custom views 的博文涵盖一些基础知识。

然后您只需将自定义 View 添加到支持 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);
    }
}