Question

我正在为手机和平板电脑创建应用。它在移动领域的完美工作。但是，平板电脑中的ImageView看起来与移动设备大小相同。如何根据屏幕尺寸设置ImageView？如何创建兼容移动设备和平板电脑的应用程序UI。 “横向”视图和“纵向”视图也存在问题。请帮忙......

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="fill_parent" >
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:src="@mipmap/ic_fish"
        android:minHeight="300sp" />
<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/linearLayout"
    android:weightSum="1"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="false"
    android:background="@color/bright_foreground_material_dark"
    android:layout_above="@+id/linearLayout2"
    android:layout_below="@+id/imageView">
    <TextView
        android:id="@+id/name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/ranklabel"
        android:textSize="25dp"
        android:textStyle="normal|bold"
        android:textIsSelectable="false"
        android:drawableLeft="@android:drawable/ic_menu_info_details"
        android:gravity="center|left"
        android:typeface="sans"
        android:drawableTint="@color/background_material_dark"
        android:textColor="@color/colorPrimary"
        android:layout_weight=".33"
        android:background="@color/material_grey_100" />
    <View style="@style/Divider"
        android:background="#bab8b8" />
    <TextView
        android:id="@+id/number"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/name"
        android:textSize="20dp"
        android:layout_weight=".33"
        android:drawableLeft="@android:drawable/ic_menu_info_details"
        android:gravity="center|left"
        android:typeface="sans"
        android:drawableTint="@android:color/background_dark"
        android:layout_marginLeft="0dp"
        android:textColor="@color/colorPrimary"
        android:textStyle="normal"
        android:background="@color/material_grey_100" />
    <View style="@style/Divider"
        android:background="#bab8b8" />
    <TextView
        android:id="@+id/address"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/number"
        android:textStyle="normal"
        android:textSize="20dp"
        android:drawableLeft="@android:drawable/ic_menu_info_details"
        android:gravity="center|left"
        android:layout_weight=".33"
        android:typeface="sans"
        android:drawableTint="@android:color/background_dark"
        android:textColor="@color/colorPrimary"
        android:background="@color/material_grey_100" />
</LinearLayout>
<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:weightSum="1"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:id="@+id/linearLayout2">
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/callButton"
        android:layout_gravity="center_horizontal"
        android:text="Read More"
        android:textColor="@color/colorPrimary"
        android:textStyle="normal|bold"
        android:typeface="sans"
        android:textSize="25dp"
        android:background="@color/material_deep_teal_500"
        android:minHeight="100dp" />
</LinearLayout>

Answer 1

如果您的图片是ic_fish，请保存如下。

res / drawable-xhdpi - 大片（9＆＃34; -10＆＃34;）根据您的要求将片片ic_fish（150 * 150）

res / drawable-mhdpi - 根据您的要求小片（7＆＃34; -8＆＃34;）片ic_fish（100 * 100）

res / drawable-hdpi - 所有其他设备ic_fish（50 * 50）根据您的要求

你必须创建三个不同的布局，如下所示

res / layout-sw720dp - 大片（9＆＃34; -10＆＃34;）平板电脑

res / layout-sw600dp - 小型（7＆＃34; -8＆＃34;）平板电脑

res / layout - 所有其他设备

Android ImageView适用于手机和Tab

1 个答案: