我正在學習創建一個Instagram布局，我想在圖片后制作故事布局文本，但我不知道如何做到這一點，下面是圖片，我想 "你的故事 "只是我的圖片底部，請幫助
。為了把 "你的故事 "移到底部，我增加了頂部的空白，當我移到左側時，我試著應用重力，但沒有任何效果
。[在這里輸入圖片描述][1]
<LinearLayout。
android:id="@ id/linearLayout"
android:layout_width="0dp"/span>
android:layout_height="wrap_content"。
android:gravity="center|center_horizontal"。
android:orientation="horizontal"。
app:layout_constraintEnd_toEndOf="parent"。
app:layout_constraintStart_toStartOf="father"
app:layout_constraintTop_toTopOf="parent">
<ImageView。
android:id="@ id/imageView"
android:layout_width="70dp"。
android:layout_height="70dp"/span>
app:srcCompat="@drawable/ic_camera_alt" />
<TextView
android:id="@ id/textView"
android:layout_width="wrap_content"
android:layout_height="match_parent"。
android:layout_marginLeft="20dp"。
android:layout_marginRight="20dp"。
android:fontFamily="@font/bilbo_swash_caps"。
android:paddingLeft="10dp"。
android:paddingRight="10dp"。
android:text="Instagram"
android:textColor="@color/black"。
android:textSize="40sp"/span> />
<ImageView
android:id="@ id/imaggView2"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
app:srcCompat="@drawable/ic_message" />
</LinearLayout>
<View
android:id="@ id/view"。
android:layout_width="match_parent"。
android:layout_height="1dp"。
android:background="@color/black" /span>
app:layout_constraintBottom_toTopOf="@ id/horizontalScrollView"
app:layout_constraintEnd_toEndOf="father"
app:layout_constraintStart_toStartOf="father"
app:layout_constraintTop_toBottomOf="@ id/linearLayout"
app:layout_constraintVertical_bias="0.309"/span> />
<HorizontalScrollView。
android:id="@ id/horizontalScrollView"
android:layout_width="match_parent"。
android:layout_height="wrap_content"。
android:layout_marginTop="23dp"。
app:layout_constraintEnd_toEndOf="father"
app:layout_constraintHorizontal_bias="0.0"/span>
app:layout_constraintStart_toStartOf="father"
app:layout_constraintTop_toBottomOf="@ id/linearLayout"
tools:ignore="SpeakableTextPresentCheck"/span>>
<LinearLayout。
android:layout_width="match_parent"/span>
android:layout_height="100dp"/span>>
<ImageView。
android:id="@ id/imageView1"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
app:srcCompat="@drawable/playstore"/span> />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"。
android:layout_marginTop="80dp"。
android:text="Your Story"。
/>
<ImageView
android:id="@ id/imageView2"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imageView3"
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imageVie"
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imagew4"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imad4"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imagsdsw4"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imadd"
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imcsew4"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imagdd4"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/f"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
<ImageView
android:id="@ id/imagebb4"。
android:layout_width="70dp"。
android:layout_height="70dp"/span>
android:layout_weight="1"。
app:srcCompat="@drawable/playstore"/span> />
</LinearLayout>
</HorizontalScrollView>/span>
[1]: https://i.stack.imgur.com/7kA9C.png
uj5u.com熱心網友回復：
如果我沒有弄錯的話，你是否只是想在imageview1下面設定'Your Store'的textview？
首先，我們應該知道LinearLayout的特性。
<LinearLayout。
android:layout_width="match_parent"。
android:layout_height="wrap_content"/span>>
<ImageView。
android:id="@ id/imageView1"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
app:srcCompat="@mipmap/ic_launcher_round" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"。
android:layout_marginTop="80dp"。
android:text="Your Story" />。
... ...
</LinearLayout>
這意味著imageview1和textview是并列的。
很明顯，"你的故事 "不可能在imageview1的正下方
其次，如果你想實作UI，看起來像這樣：一個Textview直接在一張圖片下面。
很簡單，你可以用Textview包含一個可畫的android:drawableTop
<LinearLayout
android:layout_width="match_parent"。
android:layout_height="wrap_content"/span>>
<ImageView。
android:id="@ id/imageView1"/span>
android:layout_width="70dp"。
android:layout_height="70dp"/span>
app:srcCompat="@mipmap/ic_launcher_round" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"。
android:drawableTop="@mipmap/ic_launcher"
android:gravity="center_horizontal"。
android:drawablePadding="10dp"。
android:text="Your Story" />
......
</LinearLayout>
uj5u.com熱心網友回復：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"。
android:layout_width="wrap_content"
android:layout_height="wrap_content"。
android:orientation="vertical"。
android:layout_margin="5dp"/span>
android:gravity="center">
<ImageView。
android:id="@ id/imageView1"/span>
android:layout_width="wrap_content"
android:layout_height="wrap_content"。
app:srcCompat="@mipmap/ic_launcher_round" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"。
android:textColor="@color/black"。
android:layout_marginTop="2dp"。
android:text="Your Story" <>
</LinearLayout>
你需要在你的父布局中只添加方向（垂直）和重力（中心）...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/333712.html
標籤：