ไม่มีแรงโน้มถ่วงสำหรับ scrollview วิธีสร้างเนื้อหาภายใน scrollview เป็นศูนย์กลาง

ฉันต้องการให้เนื้อหาภายใน scrollView เป็นศูนย์กลาง

<ScrollView
    android:id="@+id/scroller"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingTop="12dp"
    android:paddingBottom="20dp"
    android:scrollbarStyle="outsideOverlay"
    android:layout_gravity="center" >

    <Button 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="check" 
        android:gravity="center_vertical|center_horizontal"/>

</ScrollView>

หมายเหตุ:ไม่มีandroid:gravityแอตทริบิวต์สำหรับ scrollvew

โซลใด ๆ : -

ฉันมีปัญหาเดียวกันและในที่สุดก็คิดออก ScrollViewนี้สำหรับแนวตั้ง

ใส่ScrollViewด้านในของคุณRelativeLayoutและจัดกึ่งกลางในRelativeLayout. เพื่อให้สามารถใช้งานได้คุณScrollViewควรมี

android:layout_height="wrap_content"

นี่คือลักษณะของรหัสสุดท้าย:

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

    <ScrollView
        android:id="@+id/scrollView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" >

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

            <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="b1"/>
            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="b2"/>
            <Button
                android:id="@+id/button3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="b3"/>
        </LinearLayout>

    </ScrollView>

</RelativeLayout>

แล้วเรื่องนี้ล่ะ?

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingTop="12dp"
    android:paddingBottom="20dp"
    android:scrollbarStyle="outsideOverlay" >


    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" 
        android:layout_gravity="center"
        android:gravity="center">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="check" 
            android:gravity="center_vertical|center_horizontal"/>
    </LinearLayout>

</ScrollView>

ผมคิดว่าเป็นทางออกที่สง่างามมากขึ้นจะใช้ScrollViewของandroid:fillViewportสถานที่ให้บริการ A ScrollViewนั้นแตกต่างกันเล็กน้อยในการปฏิบัติต่อมุมมองเนื้อหา (สามารถมีได้เพียงอันเดียว) แม้ว่าคุณจะตั้งค่าmatch_parent( fill_parent) ให้ScrollViewมันจะไม่ให้ระยะห่างกับมุมมองเนื้อหามากขนาดนั้น แต่พฤติกรรมเริ่มต้นคือการScrollViewรวม เนื้อหาโดยไม่คำนึงถึงสิ่งที่คุณระบุสำหรับมุมมองนั้น สิ่งที่android:fillViewportบอกScrollViewให้ยืดเนื้อหาเพื่อเติมวิวพอร์ต ( http://developer.android.com/reference/android/widget/ScrollView.html#attr_android:fillViewport ) ดังนั้นในกรณีนี้ไฟล์LinearLayoutจะยืดออกเพื่อให้ตรงกับวิวพอร์ตและถ้าความสูงไปด้านหลังวิวพอร์ตก็จะเลื่อนได้ซึ่งตรงกับที่คุณต้องการ!

คำตอบที่ยอมรับจะทำงานไม่ถูกต้องเมื่อเนื้อหาขยายออกไปScrollViewเพราะจะยังคงอยู่กึ่งกลางของมุมมองเนื้อหาก่อนทำให้ตัดส่วนหนึ่งของมุมมองออกไปและScrollViewจุดศูนย์กลางในเค้าโครงอื่นใช้งานได้ แต่ไม่รู้สึกถูกต้องนอกจากนี้ ฉันคิดว่ามันจะส่งผลให้เกิดข้อผิดพลาดของผ้าสำลี (พ่อแม่ที่ไร้ประโยชน์หรืออะไรบางอย่างตามแนวเหล่านั้น)

ลองทำสิ่งนี้:

<ScrollView
    android:id="@+id/scroller"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingTop="12dp"
    android:paddingBottom="20dp"
    android:scrollbarStyle="outsideOverlay"
    android:fillViewport="true">

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="check" />

    </LinearLayout>

</ScrollView>

เพียงจำไว้ว่าเหตุผลที่มันมาอยู่ตรงกลางที่นี่ตอนนี้เป็นเพราะandroid:gravityจุดLinearLayoutเริ่มต้นที่ScrollViewจะยืดออกLinearLayoutเพื่อให้ทราบว่าขึ้นอยู่กับสิ่งที่คุณเพิ่มในรูปแบบ

อีกหนึ่งการอ่านที่ดีScrollViewแม้ว่าจะไม่เกี่ยวกับการอยู่ตรงกลาง แต่เกี่ยวกับfillViewportคือhttp://www.curious-creature.org/2010/08/15/scrollviews-handy-trick/

ใช้แอตทริบิวต์นี้ใน ScrollView

android:fillViewport="true"

ตัวอย่าง

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

         <!--Your Code goes here-->

   </RelativeLayout>

</ScrollView>

อย่าลืมใช้ Single Child ใน ScrollView เช่นเดียวกับตัวอย่างด้านบนซึ่งเป็น Relativelayout

สำหรับ @Patrick_Boss สิ่งที่หยุดไม่ให้ตัดเนื้อหาในแอปพลิเคชันของฉันคือการเปลี่ยนแรงโน้มถ่วงและ layout_gravity เป็น center_horizontal สำหรับ LinearLayout

มันได้ผลสำหรับฉัน ... แต่ไม่แน่ใจว่าจะเหมาะกับคุณหรือไม่

การแก้ไขคำตอบของ @ Ghost -

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingTop="12dp"
    android:paddingBottom="20dp"
    android:scrollbarStyle="outsideOverlay" >


    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" 
        android:layout_gravity="center_horizontal"
        android:gravity="center_horizontal">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="check" 
            android:gravity="center_vertical|center_horizontal"/>
    </LinearLayout>

</ScrollView>

สิ่งหนึ่งที่ต้องพิจารณาคือสิ่งที่จะไม่ตั้ง ทำให้บางควบคุมบุตรหลานของคุณโดยเฉพาะอย่างยิ่งEditTextการควบคุมไม่ได้RequestFocusตั้งค่าคุณสมบัติ

นี่อาจเป็นคุณสมบัติที่ตีความสุดท้ายของเค้าโครงและจะแทนที่การตั้งค่าแรงโน้มถ่วงของพ่อแม่ ( layoutหรือScrollView)

โดยใช้มุมมองเลื่อนภายใน ConstraintLayout มันได้ผลสำหรับฉัน

<androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@android:color/white">

            <ScrollView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical" />
            </ScrollView>
        </androidx.constraintlayout.widget.ConstraintLayout>

ความสูงของมุมมองการเลื่อนควรเป็น wrap_content

<ScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"