在LinearLayout附近显示imageView

Question

我想在LinearLayout附近显示图片。我想提出以下：

+---------------------------------------------------+ 
|             | 
|textView1  +------------+      | 
|button1   |imageView1 |      | 
|    |   |      | 
|    |   |      | 
|    |   |      | 
|    +------------+      | 
|             | 
|             | 
|             | 
+---------------------------------------------------+ 

但与此代码：

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

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

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

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

    </LinearLayout> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/picture" /> 

</LinearLayout> 

我可能会得到类似的东西（我没有看到图片）：

+---------------------------------------------------+ 
|             | 
|textView1           | 
|button1           | 
|             | 
|             | 
|             | 
|             | 
|             | 
|             | 
|             | 
+---------------------------------------------------+ 
imageView1 

如何我能解决吗？提前致谢。

Answer 1

您需要使用RelativeLayout来管理这个。

<?xml version="1.0" encoding="utf-8"?> 

<TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 

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


<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/picture" /> 

现在一切都上屏。尽量设置一切，只要你喜欢。

Answer 2

的LinearLayout放视图无论是在垂直或水平顺序。您需要使用RelativeLayout来实现此目的。

使用时的RelativeLayout，它会做魔术

Answer 3

使用下面的代码

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

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 

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

</LinearLayout> 

<ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/picture" 
    android:totheRightof=android:id="@+id/linearLayout1" 
    android:marginLeft="20dp"/> 

Answer 4

您需要内包括您ImageView设置android:layout_centerInParent="true"您ImageView的布局达到你想要的。

试试这个XML文件，而不是

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

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

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 

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

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_gravity = "center" 
     android:layout_marginBottom = "40dp" 
     android:layout_height="wrap_content" 
     android:src="@drawable/picture" /> 

</LinearLayout> 

</LinearLayout> 

所以在这里你告诉的Android你想要的ImageView是的LinearLayout一部分着，当然，如果你使用RelativeLayout你可以做的更好，但是这是一个解决方案你的问题。

编辑：

如果你要使用相对布局来实现相同的那么这里就是这样..

<?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" > 

    <LinearLayout 
     android:id="@+id/linearLayout1" 
     android:layout_marginTop="40dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:orientation="vertical" > 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button" /> 
    </LinearLayout> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="50dp" 
     android:layout_centerHorizontal="true" 
     android:src="@drawable/ic_launcher" /> 

</RelativeLayout>