如何在 android Studio 中将图像视图置于顶部？

Question

正如在 android 工作室中显示的那样，它看起来非常好，但是每当我运行我手机上的应用程序 phone 它看起来像这样任何想法，拜托？？ the app on the phone and the android studio

Answer 1

您正在使用相对布局。我在你的代码中注意到的第一件事是你在屏幕顶部的图像视图中使用了边距按钮 already.So 我建议不要在其中使用边距按钮，因为默认情况下相对布局将该图像保持在顶部。所以我给你一些修复它的想法。

1.)图像在最上面，所以它的相对布局。 <ImageView android:id="@id/image" (give any id here) android:src="" android:marginleft="" ("Add ur dimensions") android:marginright="" android:adjustviewbound="True"/> 2.)接下来是Textview.

<TextView
        android:id="@id/text"
        android:text="Name:Lovely Hamester"
        android:layout_below="@+id/image"
        android:margintop=""/>

所以我主要想说的是这个"Id"。相对布局不能直接像线性布局一样逐行放置视图，我们需要向视图发出命令到它需要的地方place.So 这就是为什么我们使用 "layout_below" 指示在 imageview.There 之后保留文本视图的原因是不同的命令 also.Please 检查，例如 "layout_rightof"、"layout_leftof"。只需为每个视图提供 id 并在 Relative layout.Your 中命令它们，其他代码是 perfect.Dont 使用 Margin Bottom ，因为它保持 space 从底部开始，这在预览中看起来很完美，但每个移动设备都有不同的尺寸所以这就是为什么它在您的屏幕上显示不完美。

Answer 2

我看到的问题是你有一个底部边距覆盖布局对齐父顶部所以如果你删除它并只留下：

android:layout_alignParentTop="true"

另外调用align right and left and bottom也是多余的，align top就够了。

我相信它会起作用。

Answer 3

只需将代码 imageview 移至顶部

例子

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="200dp"
        android:layout_height="600dp"
        android:src="@drawable/test"/>

    <ProgressBar
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:id="@+id/progressbar"
        android:layout_centerInParent="true"/>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_notes"
        android:layout_width="250dp"
        android:layout_height="match_parent"
        tools:listitem="@layout/item_note"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_margin="16dp"
        android:src="@drawable/button"
        app:borderWidth="1dp"
        app:elevation="9dp"
        android:backgroundTint="#FFFFFF"/>
</RelativeLayout>

如何在 android Studio 中将图像视图置于顶部？

How to place an imageview on the top in android Studio?

imageview

android-layout

android-imageview

android-studio