Question

至于大多数人：我们在photoshop中为我们的应用程序设计屏幕，然后尝试将它们转移到Visual Studio中。

这是我们的应用程序FROM PHOTOSHOP的屏幕截图：

你可以想象，我们越往前越难。中央屏幕很容易，但左右一个 - 哦男孩......

无论如何，今天我来这里是对的。

正如你所看到的，有这些头条新闻，例如：“向我们展示对亚洲的爱”。这整个框显示了一张照片，标题，一些额外的信息和：个人资料图片。

整体是一个滚动视图，每个框下面的白条实际上是png。原因是，我们需要在每个不同的平台上使用它们。无论如何 - 配置文件图片与图片框和图片框之间的白色分隔符png重叠。

这就是问题：我们将如何将其实施到我们的axml中？

就屏幕而言，这是xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/layoutadventure"
    android:background="@android:color/white"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_weight="17"
        android:layout_height="0dp"
        android:background="#23313e"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="0dp"
            android:src="@drawable/sub_category_europe"
            android:layout_gravity="center"
            android:layout_height="wrap_content"
            android:layout_weight="30"
            android:id="@+id/imgSubchallenge" />
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="40"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_gravity="center|bottom"
                android:id="@+id/txtSub"
                android:layout_weight="60"
                android:gravity="center|bottom"
                android:text="Positive Thinking"
                android:textColor="#FFFFFF"
                android:textSize="18sp"
                android:textStyle="bold|italic" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_weight="5"
                android:layout_gravity="top|center"
                android:gravity="top|center"
                android:src="@drawable/dotted_line_challenges" />
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_weight="35"
                android:layout_height="0dp"
                android:orientation="vertical" />
        </LinearLayout>
        <ImageView
            android:layout_width="0dp"
            android:src="@drawable/bar2"
            android:layout_gravity="center"
            android:layout_height="wrap_content"
            android:layout_weight="5" />
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="25"
            android:layout_height="match_parent"
            android:orientation="horizontal">
            <LinearLayout
                android:layout_width="0dp"
                android:layout_weight="50"
                android:layout_height="match_parent"
                android:orientation="vertical">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="30"
                    android:orientation="vertical" />
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="15"
                    android:text="Total"
                    android:textColor="#FFFFFF"
                    android:textSize="10sp" />
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="15"
                    android:text="Done"
                    android:textColor="#FFFFFF"
                    android:textSize="10sp" />
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="15"
                    android:text="Exp"
                    android:textColor="#FFFFFF"
                    android:textSize="10sp" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="25"
                    android:orientation="vertical" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="0dp"
                android:layout_weight="50"
                android:layout_height="match_parent"
                android:orientation="vertical">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="30"
                    android:orientation="vertical" />
                <TextView
                    android:id="@+id/totalChallenges"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="15"
                    android:text="Total"
                    android:gravity="right"
                    android:textColor="#FFFFFF"
                    android:textSize="10sp" />
                <TextView
                    android:id="@+id/totalChallengesDone"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="15"
                    android:text="Done"
                    android:gravity="right"
                    android:textColor="#FFFFFF"
                    android:textSize="10sp" />
                <TextView
                    android:id="@+id/totalXP"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="15"
                    android:text="Exp"
                    android:gravity="right"
                    android:textColor="#FFFFFF"
                    android:textSize="10sp" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="25"
                    android:orientation="vertical" />
            </LinearLayout>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:orientation="vertical" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.5"
        android:orientation="vertical" />
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="82.5"
        android:scrollbars="none"
        android:id="@+id/scrlview">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:id="@+id/linlayout"
            android:orientation="vertical" />
    </ScrollView>
</LinearLayout>

所以你可能会看到困境：个人资料图片位于滚动视图的一列中间，另一列中途。

你能为此提供任何帮助吗？非常感谢:)

Answer 1

试试这个我希望这会对你有所帮助。这仅适用于＆＃34;向我们展示爱亚洲＆＃34; 仅限一件商品。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="500dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="500dp"
            android:orientation="vertical"
            android:background="@color/colorAccent">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight=".8"
                android:background="@color/colorPrimary">

            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight=".2"
                android:background="@color/colorAccent">

            </LinearLayout>

        </LinearLayout>
        <android.support.v4.widget.CircleImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher_round"
            android:layout_gravity="bottom"
            android:layout_marginBottom="75dp"/>
    </FrameLayout>
</LinearLayout>

Android，布局：如何让我的按钮覆盖axml中的现有布局？

1 个答案: