调整xml布局并在ImageView中放置一个图标按钮

时间:2015-12-08 15:42:16

标签: android xml android-layout

有人可以帮我调整我的xml布局吗?我需要认真的帮助。

这就是我的xml看起来像

的样子

enter image description here

XML

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/dark_blue"
    android:weightSum="1">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Enter Claims Information"
        android:id="@+id/textViewClaims"
        android:paddingTop="30sp"
        android:textSize="20dp"
        android:paddingLeft="15sp"
        android:textColor="@color/white"
        android:layout_weight="0.05" />

    <View
        android:layout_width="340sp"
        android:layout_height="2dp"
        android:paddingLeft="100sp"
        android:background="#c0c0c0"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Claims Type : "
        android:paddingTop="20sp"
        android:paddingLeft="15sp"
        android:textSize="17dp"
        android:textColor="@color/white"
        android:id="@+id/textViewClaimsType"
        android:layout_weight="0.05" />

    <Spinner
        android:layout_width="342dp"
        android:paddingLeft="40sp"
        android:background="@color/light_gray"
        android:layout_height="48dp"
        android:id="@+id/spinner" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Claims Amount :"
        android:paddingTop="20sp"
        android:paddingLeft="15sp"
        android:textSize="17dp"
        android:textColor="@color/white"
        android:id="@+id/textViewAmount"
        android:layout_weight="0.05" />

    <EditText
        android:layout_width="323dp"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:background="@drawable/round_corner_square"
        android:id="@+id/editTextAmount"
        android:paddingLeft="20dp"
        android:layout_weight="0.05" />

    <ImageView
        android:layout_width="7458dp"
        android:layout_height="wrap_content"
        android:id="@+id/imageView" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Enter Description"
        android:paddingTop="20sp"
        android:paddingLeft="15sp"
        android:textSize="17dp"
        android:textColor="@color/white"
        android:id="@+id/textView12"
        android:layout_weight="0.05" />

    <EditText
        android:layout_width="325dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="@drawable/round_corner_square"
        android:layout_weight="0.05"
        android:paddingLeft="20dp"
        android:paddingBottom="80dp"
        android:layout_x="14dp"
        android:layout_y="146dp"
        android:id="@+id/textDescription" />

    <Button
        android:layout_width="159dp"
        android:layout_height="wrap_content"
        android:text="save"
        android:id="@+id/button"
        android:layout_gravity="center_horizontal"
        android:layout_weight="0.05" />


</LinearLayout>
</ScrollView>

问题:

  1. 如何将微调器移动到右手视线?
  2. 将输入声明和声明类型之间的白线移至右侧
  3. 缩小editTextAmount以下ClaimsAmount文字
  4. 之间的空格
  5. 图片视图无法显示。它应该放在editTextAmount
  6. 之下
  7. 如何在button内添加图标imageView
  8. 对不起,如果我在这里问了很多话。任何帮助将不胜感激。

    使用后@tiny回答

    enter image description here

3 个答案:

答案 0 :(得分:0)

您必须使用RelativeLayout而不是LinearLayout,线性布局会一个接一个地线性排列视图,而在相对布局中,您可以自定义子视图(例如ImageViewSpinner等)如你所愿。如果您使用RelativeLayout

,则可以将它们放置在屏幕中的任何位置

您没有看到图像,因为您没有向图像视图提供图像。这是文档link

答案 1 :(得分:0)

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

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@mipmap/dark_blue"
        android:weightSum="1">


        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="Enter Claims Information"
            android:id="@+id/textViewClaims"
            android:paddingTop="30sp"
            android:textSize="20dp"
            android:paddingLeft="15sp"
            android:textColor="@color/white"
            android:layout_weight="0.05" />

        <View
            android:layout_gravity="right"
            android:layout_width="340sp"
            android:layout_height="2dp"
            android:background="#c0c0c0"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="Claims Type : "
            android:paddingTop="20sp"
            android:paddingLeft="15sp"
            android:textSize="17dp"
            android:textColor="@color/white"
            android:id="@+id/textViewClaimsType"
            android:layout_weight="0.05" />

    <Spinner
        android:layout_gravity="right"
        android:gravity="right"
        android:layout_width="150dp"
        android:paddingLeft="0dp"
        android:background="@color/light_gray"
        android:layout_height="48dp"
        android:id="@+id/spinner" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="Claims Amount :"
            android:paddingTop="20sp"
            android:paddingLeft="15sp"
            android:textSize="17dp"
            android:textColor="@color/white"
            android:id="@+id/textViewAmount"
            android:layout_weight="0.05" />

        <EditText
            android:layout_width="323dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="@drawable/round_corner_square"
            android:id="@+id/editTextAmount"
            android:paddingLeft="20dp"
            android:layout_weight="0.05" />
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="200dp">
            <ImageView
                android:layout_gravity="center"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_launcher"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:id="@+id/imageView" />
            <Button
                android:gravity="center"
                android:layout_width="159dp"
                android:layout_height="wrap_content"
                android:text="save"
                android:id="@+id/button"
                 android:layout_marginBottom="3dp"
                android:layout_gravity="center_horizontal|bottom"
                android:layout_weight="0.05" />
        </FrameLayout>


        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="Enter Description"
            android:paddingTop="20sp"
            android:paddingLeft="15sp"
            android:textSize="17dp"
            android:textColor="@color/white"
            android:id="@+id/textView12"
            android:layout_weight="0.05" />

        <EditText
            android:layout_width="325dp"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@drawable/round_corner_square"
            android:layout_weight="0.05"
            android:paddingLeft="20dp"
            android:paddingBottom="80dp"
            android:layout_x="14dp"
            android:layout_y="146dp"
            android:id="@+id/textDescription" />

        <Button
            android:layout_width="159dp"
            android:layout_height="wrap_content"
            android:text="save"
            android:id="@+id/button"
            android:layout_gravity="center_horizontal"
            android:layout_weight="0.05" />


    </LinearLayout>
</ScrollView>

答案 2 :(得分:0)

添加保证金 -

<?php
  require_once('connect.php');
  ?>
  <html>
  <head>
  </head>
  <body>
  <form action="search.php" method="post">
    <label>
      Search
      <input type="text" name="search" placeholder="Search for members"    autocomplete="off">
    </label>
    <input type="submit" value=">>" />
  </form>
  </body>
  </html>

将图像添加到图像视图中。它现在可以看到它是包装内容。无论何时给出填充或边距,都使用dp而不是sp。