Android对齐关闭按钮到对话框的右上角？

Question

我正在处理一个自定义对话框，并且我想将我的关闭按钮放到对话框的右上角，这样关闭的图像就会部分地在对话框中并部分在外面...... （https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSSfhWv1zPYhmCFVsO70qLY-CqGIKplU3TAVL6zdHaxvLZMsqYnwg）

<?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:background="@drawable/someborder" 
android:orientation="horizontal" 
android:baselineAligned="false"> 

<LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="fill_parent" 
     android:gravity="top|left" 
     android:orientation="vertical" 
     android:layout_weight="0.65"> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical"> 
     <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:orientation="horizontal" 
     android:layout_weight="0.82" > 
     <ScrollView 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:scrollbars="vertical" 
    android:paddingBottom="10dp" 
      android:paddingLeft="8dp" 
      android:paddingRight="5dp" 
      android:paddingTop="10dp"> 

     <TableLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left" > 

     <TableRow 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" > 

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="0.30" 
       android:gravity="center" 
       android:shadowColor="@color/color" 
       android:shadowDx="1" 
       android:shadowDy="1" 
       android:shadowRadius="1" 
       android:paddingLeft="1.2dp" /> 

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="0.20" 
       android:gravity="center|center_vertical" 
       android:shadowColor="@color/color" 
       android:shadowDx="1" 
       android:shadowDy="1" 
       android:shadowRadius="1"/> 

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="0.25" 
       android:gravity="center_vertical|center" 
       android:shadowColor="@color/color" 
       android:shadowDx="1" 
       android:shadowDy="1" 
       android:shadowRadius="1" /> 

      <TextView 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="0.25" 
       android:gravity="center_vertical|center" 
       android:shadowColor="@color/color" 
       android:shadowDx="1" 
       android:shadowDy="1" 
       android:shadowRadius="1" /> 
     </TableRow> 
    </TableLayout> 
    </ScrollView> 
</LinearLayout> 
<ImageView 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:src="@drawable/horizontal_line" /> 
<LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="0dp" 
     android:orientation="vertical" 
     android:gravity="top|left" 
     android:layout_weight=".15"> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:gravity="center" 
     android:paddingLeft="12dp" 
     android:paddingBottom="5dp"> 

     <CheckBox 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:paddingLeft="10dp" 
      android:textSize="12sp"/> 

    </LinearLayout> 
    </LinearLayout> 
    </LinearLayout>   
    </LinearLayout> 

<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingBottom="2dp" 
    android:paddingTop="1.75dp" 
    android:src="@drawable/vertical_line" /> 

<LinearLayout 
    android:layout_width="0dp" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:gravity="top|right" 
    android:layout_weight=".38"> 

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="0dp" 
     android:layout_weight=".60" 
     android:orientation="horizontal" 
     android:gravity="top|right"> 

    <ImageView 
     android:id="@+id/id" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:gravity="center"/> 

    // Close button   
     <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top|right"/> 
// Close Button 

    </LinearLayout> 

<LinearLayout 
     android:id="@+id/linear_layout" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight=".40" 
     android:orientation="vertical" 
     android:paddingBottom="8dp" > 

     <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="0dp" 
     android:layout_weight=".40" 
     android:layout_gravity="center" 
     android:orientation="vertical" > 

     <RadioButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:layout_weight="0.33" 
      android:textAlignment="center"/> 

     <RadioButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:layout_weight="0.33" 
      android:textAlignment="center"/> 

     <RadioButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:layout_weight="0.33" 
      android:textAlignment="center"/> 

     </LinearLayout> 

    </LinearLayout> 
    </LinearLayout> 
    </LinearLayout> 

喜欢这张图片和它的红色关闭按钮。 提前感谢大家..

Answer 1

这是一种方法。将您的内容布局/视图放置在与关闭按钮相同的FrameLayout中。

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

    <!-- The following View represent the content. Note the margin --> 
    <View 
     android:layout_height="match_parent" 
     android:layout_width="match_parent" 
     android:background="#44aa00" 
     android:layout_margin="18dp" 
     /> 
    <ImageButton 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:layout_gravity="top|right" 
     android:src="@android:drawable/ic_menu_close_clear_cancel" 
     android:background="#ff0000" 
     /> 
</FrameLayout> 

注：

• 内容必须关闭按钮之前上市。在内容顶部绘制的按钮。

• 该按钮被放置在右上角通过设置3布局参数：

  android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:layout_gravity="top|right" 
  

• 上的内容设定的余量，以获得“部分外”的效果。

Answer 2

我有一个解决方案，

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" > 

<FrameLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" > 

    <FrameLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:padding="15dp" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:background="@drawable/img_popup_one" 
      android:orientation="vertical" 
      android:padding="10dp" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Sign In" 
       android:textColor="@color/clr_gray" 
       android:textSize="16dp" /> 

      <EditText 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="15dp" 
       android:background="@drawable/img_edittext_bg" 
       android:hint="Username" 
       android:padding="5dp" 
       android:singleLine="true" 
       android:textColorHint="@color/clr_gray" /> 

      <EditText 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="15dp" 
       android:background="@drawable/img_edittext_bg" 
       android:hint="Password" 
       android:inputType="textPassword" 
       android:padding="5dp" 
       android:singleLine="true" 
       android:textColorHint="@color/clr_gray" /> 
     </LinearLayout> 
    </FrameLayout> 

    <ImageView 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:layout_gravity="right|top" 
     android:contentDescription="@string/contentDescription" 
     android:src="@drawable/img_popup_close" /> 
</FrameLayout> 
</FrameLayout>