2010-09-29 5 views
11

Можем ли мы разместить небольшой вид на другой большой вид? Например, у меня есть VideoView, который воспроизводит файл в фоновом режиме. Над этим, где-то в середине/углу, я хочу разместить другой ImageView.Возможно ли разместить один вид над другим в андроиде?

Но в линейной/относительной компоновке виды могут размещаться только один за другим или относиться друг к другу. И Absolutelayout советуют против. Итак, что мне делать?

+1

RelativeLayout будет работать, но вы можете использовать FrameLayout. – bhups

ответ

11

FrameLayouts Позвольте вам нагромождать каждый вид сверху сверху. Это также может быть достигнуто с помощью RelativeLayout.

+1

Не могли бы вы привести мне пример любого случая? Я не в состоянии это выдумать. – kiki

+1

@kiki - Google "android FrameLayout", и вы найдете много примеров. – McStretch

+2

http://stackoverflow.com/questions/6690530/how-to-show-one-layout-on-top-of-the-other-programmatically-in-my-case – nograde

8

FrameLayout является самым простым ViewGroup и складывает Views в том порядке, в котором они определены в макете XML; первый будет ниже, а последний будет сверху.

Ниже приведен пример, где View ы смещены, чтобы лучше проиллюстрировать этот момент:

enter image description here

Вот макет XML-с двумя перекрывающимися TextView коробки. Смещение этих двух полей выполняется с помощью android:layout_gravity, а android:gravity - для центрирования самого текста внутри каждого окна.

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

    <TextView 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:layout_gravity="top|left" 
     android:background="@android:color/holo_blue_light" 
     android:gravity="center" 
     android:text="First is below"/> 

    <TextView 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:layout_gravity="bottom|right" 
     android:background="@android:color/holo_green_light" 
     android:gravity="center" 
     android:text=" Last is on top"/> 

</FrameLayout> 
1
<?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" 
    android:padding="@dimen/dp_20" 
    android:background="@color/yellowt" 
    > 
     <VideoView 
      android:id="@+id/videoview" 
      android:layout_width="wrap_content" 
      android:layout_centerInParent="true" 
      android:layout_height="300dp" 
      android:contentDescription="@string/app_name" 
      /> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/camera" 
      android:layout_margin="30dp" 
      android:layout_alignParentEnd="true" 
      android:layout_centerVertical="true" 
      android:id="@+id/imageView" /> 

</RelativeLayout> 
0

Вы также можете сделать это с помощью ConstraintLayout новый макет представлен Google.

ConstraintLayout позволяет создавать большие и сложные макеты с иерархией с плоским представлением (без вложенных групп представлений).

<?xml version="1.0" encoding="utf-8"?> 
    <android.support.constraint.ConstraintLayout 
    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:id="@+id/container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:layout_weight="4" 
    tools:context="com.edalat.example.MainActivity"> 
    <VideoView 
    android:id="@+id/videoView" 
    android:layout_width="283dp" 
    android:layout_height="349dp" 
    app:layout_constraintBottom_toBottomOf="parent" 
    android:layout_marginBottom="24dp" 
    app:layout_constraintTop_toTopOf="parent" 
    android:layout_marginTop="24dp" 
    android:layout_marginRight="24dp" 
    app:layout_constraintRight_toRightOf="parent" 
    android:layout_marginLeft="24dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintHorizontal_bias="0.509"/> 
    <ImageView 
    android:id="@+id/imageView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:srcCompat="@mipmap/ic_launcher" 
    app:layout_constraintTop_toTopOf="parent" 
    android:layout_marginTop="24dp" 
    app:layout_constraintBottom_toBottomOf="parent" 
    android:layout_marginBottom="24dp" 
    android:layout_marginLeft="24dp" 
    app:layout_constraintLeft_toLeftOf="parent" 
    android:layout_marginRight="24dp" 
    app:layout_constraintRight_toRightOf="parent"/> 
    </android.support.constraint.ConstraintLayout> 

 Смежные вопросы

  • Нет связанных вопросов^_^