具有背景图像的布局,处理不同屏幕的最佳做法是什么

时间:2016-05-26 11:16:26

标签: android android-layout android-resources

我附上了我想要制作用箭头指向的布局的图像。

我做了什么。我为相对布局分配了背景图像(Image2),其宽度高度是换行内容,然后我在其上设置了文本(400 OFF)和徽标(RW Ritu Wera)。现在的问题是,如果设备宽度很大,那么相对布局宽度(等于Image2的宽度 - 高度)的宽度变小,ui看起来不合适。

处理这种ui的最佳做法是什么。

图像2 enter image description here

2 个答案:

答案 0 :(得分:1)

您必须为不同的屏幕尺寸设计图像

<?php echo form_open('Test/form_1')?>  <?php //echo form_open('Test/form_2')?>
    <input name="fname"  type="text" />
    <input name="Lname"  type="text" />
    <input name="Sname"  type="text" />
    <input type="submit"  value="Continue">
<?php echo form_close(); ?>  

这个工具可以帮助你

.data(key)

答案 1 :(得分:1)

Layouts Folder文件夹中为所有设备创建三个不同的res,并相应地使用这些维度。

通用布局文件夹

res/layout-small
res/layout-normal
res/layout-large
res/layout-xlarge

完成正常/中等布局后,请按照以下步骤操作:

  1. 转换其他屏幕尺寸的正常尺寸。
  2. 将Normal Layout xml文件复制到其他文件夹中。
  3. 根据您所在的文件夹更改所用尺寸的后缀
  4. 调整可绘制文件夹中的图像资源(宽度和高度 - 与我们用于转换尺寸的技术相同)并将它们放在各自的可绘制文件夹中(drawable-ldpi,drawable-mdpi,drawable-hdpi,drawable-xdpi等等。)。
  5. 然后,您的布局应该能够在每个设备上正确定位。
  6. 用于转换值

    0.75 - ldpi  (small)   //mdpi dimens *0.75
    1.0  - mdpi  (normal)  //First create these dimensions
    1.5  - hdpi  (large)   //mdpi dimens *1.5
    2.0  - xhdpi (xLarge)  //mdpi dimens *2.0
    

    例如

    android:layout_width="66dip" //in normal
    android:layout_width="100dip"//in large 66*1.5=100(approx)
    android:layout_width="52dip" //in small 66*0.75=52(approx)
    

    我希望这会有所帮助。