Most effecient way to create proportional views
<p>I want to create a full-screen page that looks like this:</p>

<pre><code> ---------------------------------------  
| --------  --------------------------- |  
||        ||          TextView         ||  
||        | --------------------------- |  
|| Image  | -----------------  -------- |  
|| View   ||                 ||        ||  
||        ||    TextView     ||        ||  
||        ||                 || Image  ||  
||        ||                 || View   ||  
| --------  ----------------- |        ||  
| --------------------------- |        ||  
||          TextView         ||        ||  
| ---------------------------  -------- |  
 ---------------------------------------  
</code></pre>

<p>where each ImageView takes up at most 20% of the parent layout's width.</p>

<p>Primary question: Really...what is the best way to do this? After hours of searching, the best idea I can come up with is to get the screen's width and simply set the views' widths to be a max of 20% of that. However, this intuitively does not seem like a best-practice solution. (Eg. if the application wasn't running in full screen, this solution wouldn't work.) A LinearLayout won't work with the way the page is laid out (appears I have to use a RelativeLayout). And I think it would be preferable to set the views' widths based on the parent view's width (as opposed to the screen's width), but I'm not clear on how to do that either, because at the time that I'm trying to set up the widths of my children views, parentView.getWidth() returns 0. Does anyone have any good, clean solutions for how to create a page as shown above?</p>

<p>Secondary question: Does anyone know how to wrap text around images as shown above? After still more hours of searching, I couldn't find a solution for this; seems like you need to stitch together a couple of TextViews. Is there a better way that I'm missing?</p>

<p>Thanks for any info anyone can provide.</p>
