Question

我正在使用Facebook Fresco库构建应用程序。

如果我的应用程序可以在不同设备之间使用，我在尝试理解如何使用Fresco实现视图时遇到问题。正如您在附图中看到的，我有一个Nexus6，一个NexusOne和一个Nexus7。

所有人都拥有相同的Fresco Drawee，（200dp x 200dp）。正如我读过Fresco的文档一样，修复图像大小是必要的，也是必须的。但是我无法理解如何使用Fresco使用50％的图像宽度来实现像ImageView这样简单的事情。

理想的结果是让图像使用一半的屏幕（就宽度而言），并留下其余的空间用于不同的文本（标题+描述）。

通常情况下我会使用权重来做，但是我不知道如何使用库实现这一目标，或者最佳实践是什么。

基于this问题（和文档），我不确定添加侦听器是否是最佳选择。我只是无法理解Facebook或其他使用此库的应用程序如何为不同的设备执行此操作。

提前致谢

此图像显示的代码基本如下：

            <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:weightSum="10">

            <com.facebook.drawee.view.SimpleDraweeView
                android:id="@+id/my_image_view"
                android:layout_width="200dp"
                android:layout_height="200dp"

                fresco:actualImageScaleType="focusCrop"
                fresco:backgroundImage="@drawable/user_icon"
                fresco:fadeDuration="300"
                fresco:placeholderImage="@color/common_action_bar_splitter"
                fresco:placeholderImageScaleType="fitCenter" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_toRightOf="@+id/my_image_view">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="20sp"
                    android:text="Title 1" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="15sp"
                    android:textColor="@color/menu_color"
                    android:text="Description 1" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="20sp"
                    android:text="Title 2" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="15sp"
                    android:textColor="@color/menu_color"
                    android:text="Description 2" />


            </LinearLayout>


        </RelativeLayout>

更新

我也不知道如何获得全屏图像。如果我们必须指定维度，或者使用match_parent，但是在两者上使用match_parent将使用整个父级，我怎样才能得到像显示Facebook图像的图像？

我相信@Gueorgui Obregon是一个好主意，但是我仍然想知道这个问题是否是使用50％的屏幕拍照的设计模式。例如，采用具有相同尺寸的2个手机型号（例如MDPI），但其中一个比另一个略宽。使用维度方法我得到的比一个移动设备占用屏幕的一半，但另一个，它需要更多/更少。

总结：问题出在哪里？在设计视图时，是否认为百分比是个坏主意？我应该告诉我的设计师，安卓使用百分比是一个糟糕的设计理念吗？更重要的是，Facebook如何实现像最后一张照片（图片使用约33％的屏幕）？

Answer 1

您可以将dimensions.xml用于不同屏幕的值文件夹。

res/values/dimensions.xml
res/values-sw600dp/dimensions.xml -> 7+ inches
res/values-sw720dp/dimensions.xml -> 10+ inches

在每个维度上添加愿望值

RES /值/ dimensions.xml

<dimen name="my_image_view_width">200dp</dimen>
<dimen name="my_image_view_height">200dp</dimen>

RES /值-sw720dp / dimensions.xml

<dimen name="my_image_view_width">400dp</dimen>
<dimen name="my_image_view_height">400dp</dimen>

然后只需在@dimen/my_image_view_width中使用@dimen/my_image_view_height和SimpleDraweeView

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="@dimen/my_image_view_width"
    android:layout_height="@dimen/my_image_view_height"
    fresco:actualImageScaleType="focusCrop"
    fresco:backgroundImage="@drawable/user_icon"
    fresco:fadeDuration="300"
    fresco:placeholderImage="@color/common_action_bar_splitter"
    fresco:placeholderImageScaleType="fitCenter" />

希望这会有所帮助!!

Fresco，如何缩放不同设备的图像

1 个答案: