Question

您好，我正在尝试将此lib应用到我的应用https://github.com/jlmd/AnimatedCircleLoadingView我希望它在该布局之上，有人可以告诉我它已经完成了吗？我尝试添加它，但它覆盖了整个屏幕，或者它将完全占据布局的一部分

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

    <include
        android:id="@+id/app_bar"
        layout="@layout/app_bar"/>

    <LinearLayout
        android:id="@+id/newStatusHeader"
        style="@style/newStatusHeader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp">

        <ImageView
            android:id="@+id/postOwnerImage"
            android:layout_width="60dp"
            android:layout_height="60dp"/>

        <LinearLayout
            android:id="@+id/headerInfoContainer"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:orientation="vertical"
            android:padding="@dimen/postsItemMargin">

            <TextView
                android:id="@+id/postOwnerName"
                style="@style/postOwnerName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"/>

            <TextView
                android:id="@+id/postPrivacy"
                style="@style/postPublishDate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/publicPrivacy"/>
        </LinearLayout>
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E9E9E9"/>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.github.jlmd.animatedcircleloadingview.AnimatedCircleLoadingView
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/circle_loading_view"
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:layout_centerInParent="true"
            app:mainColor="@color/primaryColor"
            app:secondaryColor="@color/primary_high_light"
            />

    <LinearLayout
        android:id="@+id/newStatusBody"
        style="@style/newStatusBody"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_below="@id/circle_loading_view"
        android:layout_weight="1"
        android:background="@color/white"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imagePreview"
            android:layout_width="match_parent"
            android:layout_height="170dp"
            android:scaleType="centerCrop"
            android:visibility="gone"/>



        <EditText
            android:id="@+id/statusEdittext"
            style="@style/statusEditText"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:gravity="top|left"
            android:hint="@string/urStatus"
            android:inputType="textMultiLine"
            android:padding="5dp" />

    </LinearLayout>
    </RelativeLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:orientation="vertical">

        <LinearLayout

            android:id="@+id/placePreviewLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:visibility="gone">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="5dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:src="@drawable/ic_place_black"/>

            <TextView
                android:id="@+id/placeValuePreview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="Rue Ibn ElArabi, Agadir 80000, Morocco"
                android:textColor="@color/primary_high_light"/>

            <TextView
                android:id="@+id/removePlace"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:padding="4dp"
                android:textStyle="bold"
                android:textColor="@android:color/holo_red_light"
                android:text="X"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/urlPreviewLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:visibility="gone"
            >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="5dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:src="@drawable/ic_insert_link_black"/>

            <TextView
                android:id="@+id/urlValuePreview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="https://www.atouchlab.com"
                android:textColor="@color/primary_high_light"/>
            <TextView
                android:id="@+id/removeLink"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:padding="4dp"
                android:textStyle="bold"
                android:textColor="@android:color/holo_red_light"
                android:text="X"/>
        </LinearLayout>
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#E9E9E9"/>

    <LinearLayout
        android:id="@+id/newStatusFooter"
        style="@style/newStatusFooter"
        android:layout_width="match_parent"
        android:layout_height="65dp">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="65dp"
            android:layout_weight="1">

            <ImageButton
                android:id="@+id/addPhoto"
                style="@style/actionAreaBtns"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_camera_button"
                android:layout_gravity="center" />

            <ImageButton
                android:id="@+id/addPlace"
                style="@style/actionAreaBtns"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_place_button"
                android:layout_gravity="center" />

            <ImageButton
                android:id="@+id/addLink"
                style="@style/actionAreaBtns"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_insert_link_button"
                android:layout_gravity="center" />

            <ImageButton
                android:id="@+id/changePrivacy"
                style="@style/actionAreaBtns"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_privacy_button"
                android:layout_gravity="center" />
        </LinearLayout>

        <ImageButton
            android:id="@+id/sendStatus"
            style="@style/actionAreaBtns"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_publish_button"
            android:layout_gravity="center" />
    </LinearLayout>


</LinearLayout>

lib .xml

<com.github.jlmd.animatedcircleloadingview.AnimatedCircleLoadingView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/circle_loading_view"
android:layout_width="250dp"
android:layout_height="250dp"
android:background="@color/background"
android:layout_centerInParent="true"
app:mainColor="@color/main_color"
app:secondaryColor="@color/secondary_color"
/>

Answer 1

它要么覆盖整个屏幕，要么完全占据布局的一部分

这是因为您的布局中的主要内容根视图是垂直LinearLayout，它将所有子项排列在一个方向上，一个堆叠在另一个方向上。

如果您希望加载指示符浮动在所有其他布局元素的顶部（即屏幕中央），则您需要RelativeLayout或FrameLayout之类的内容。这应该成为可能需要重叠的所有元素的根。

我不打算复制粘贴整个版面，所以想象一下简化版本，其中包含您的内容和加载指标。使用FrameLayout将后者置于前者之上会是这样的：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    < main content root />

    < loading indicator on top of main content />

</FrameLayout>

当然，您可以将FrameLayout包裹在其他元素中，以允许像Toolbar等屏幕装饰。

这是非常基本的Android内容，之前没有任何问题。我建议多做一些阅读（现有大量资源）并在询问之前进行搜索。

加载栏覆盖视图

1 个答案: