Как разместить слайдер изображений под контентом веб-просмотра? - PullRequest
Новая
       30

Как разместить слайдер изображений под контентом веб-просмотра?

0 голосов
/ 29 июня 2018

Я использую пользовательский вид пейджер, чтобы показать несколько изображений в качестве слайдера. Он работает нормально, но загружает изображение примерно за одну секунду до загрузки контента веб-просмотра (пока контент веб-просмотра пуст), а затем перемещается ниже в макете. Как можно избежать загрузки изображений внутри пустого содержимого веб-просмотра? Я искал через stackoverflow, но не смог найти подходящий ответ.

основной макет 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:clickable="true">

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/newsPageToolbar"
        android:background="@android:color/white"
        android:fillViewport="true"
        android:fitsSystemWindows="true"
        android:scrollbarStyle="insideInset"
        android:scrollbars="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                    <TextView
                        android:id="@+id/newsTitleSinglePage"
                        style="@style/Base.TextAppearance.AppCompat.Body2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:includeFontPadding="false"
                        android:paddingBottom="0dp"
                        android:paddingLeft="8dp"
                        android:paddingRight="8dp"
                        android:paddingTop="15dp"
                        android:textSize="24sp" />

                    <TextView
                        android:id="@+id/publishDateSinglePage"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingBottom="10dp"
                        android:paddingLeft="8dp"
                        android:paddingRight="8dp"
                        android:paddingTop="5dp"
                        android:textSize="14sp" />

                    <ImageView
                        android:id="@+id/imageSinglePage"
                        android:layout_width="match_parent"
                        android:layout_height="230dp"
                        android:adjustViewBounds="true"
                        android:paddingLeft="8dp"
                        android:paddingRight="8dp"
                        android:scaleType="centerCrop" />

                    <TextView
                        android:id="@+id/newsSourceSinglePage"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingBottom="10dp"
                        android:paddingLeft="8dp"
                        android:paddingRight="8dp"
                        android:paddingTop="2dp"
                        android:textSize="14sp" />

                    <WebView
                        android:id="@+id/newsBody"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"></WebView>

                    <WebView
                        android:id="@+id/videoView"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"></WebView>

                    <RelativeLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
                            <com.eastnews.huseyn.eastnews.WrapContentViewPager
                                android:id="@+id/imagePager"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
                            <me.relex.circleindicator.CircleIndicator
                                android:id="@+id/imageIndicator"
                                android:layout_width="match_parent"
                                android:layout_height="48dp"
                                android:layout_alignParentBottom="true"/>
                    </RelativeLayout>

                    <TextView
                        android:id="@+id/newsLink"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingBottom="10dp"
                        android:paddingLeft="10dp"
                        android:paddingRight="10dp"
                        android:paddingTop="5dp"
                        android:text="@string/link" />
            </LinearLayout>
    </ScrollView>

   </RelativeLayout>

макет изображения 

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

<ImageView
    android:id="@+id/imageSlider"
    android:layout_width="match_parent"
    android:layout_height="230dp"
    android:adjustViewBounds="true"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:scaleType="centerCrop" />
</RelativeLayout>

Класс ViewPagerAdapter для метода onMeasure 

 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    boolean wrapHeight = MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.UNSPECIFIED;

    if(wrapHeight) {
        int width = getMeasuredWidth();
        int height = getMeasuredHeight();

        widthMeasureSpec = MeasureSpec.makeMeasureSpec(width,MeasureSpec.EXACTLY);

        if(getChildCount() > 0) {
            View firstChild = getChildAt(0);

            firstChild.measure(widthMeasureSpec,MeasureSpec.makeMeasureSpec(height,MeasureSpec.UNSPECIFIED));
            height = firstChild.getMeasuredHeight();
        }

        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height,MeasureSpec.EXACTLY);

        super.onMeasure(widthMeasureSpec,heightMeasureSpec);
    }
}

1 Ответ

0 голосов
/ 22 июля 2018

Я решил проблему, используя видимость, которая исчезла и стала видимой. Во-первых, установите видимость внутри макета XML. Затем используйте функцию webview onPageFinished(WebView view, String url){...}, чтобы сделать видимость видимой.

...