Android --- 交换两个布局

准备布局

exchange_out_layout

exchange_in_layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    android:layout_marginTop="20dp"
    tools:context=".fragment.addaccount.AddExchangeFragment">


    <LinearLayout
        android:id="@+id/exchange_out_layout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_vertical"
        android:background="@drawable/selec_tab"
        android:layout_marginRight="10dp"
        android:layout_marginLeft="10dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/change_out_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="请选择转出账户" />

        <TextView
            android:id="@+id/change_out_money"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:text="¥10.00" />

        <TextView
            android:id="@+id/change_out_all"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="4dp"
            android:background="@drawable/add_tab_background"
            android:text="全部转出" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/exchange_icon"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:src="@drawable/exchange_down"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/exchange_in_layout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="@drawable/selec_tab"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingLeft="10dp"
        android:paddingRight="10dp">

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="请选择转入账户" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:text="¥10.00" />

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/add_tab_background"
            android:padding="2dp"
            android:text="全部转出" />
    </LinearLayout>
</LinearLayout>

设计点击方法

为图片设计一个点击方法

 exchange_icon = getView().findViewById(R.id.exchange_icon);
        exchange_icon.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 交换逻辑
            }
        });

交换逻辑:

1.获取父组件

parentLayout = (ViewGroup) linearLayout_out.getParent(); // 得到父容器

2.找到在父组件中,这两个子布局的位序

获取布局位序 --- int index1 = parentLayout.indexOfChild(linearLayout_out);
在Android中,ViewGroup(比如LinearLayout、RelativeLayout等)中的子View的顺序是由它们在ViewGroup中的索引(index)决定的。索引表示子View在ViewGroup中的位置,第一个子View的索引为0,依次递增。

在上述代码中,通过调用parentLayout.indexOfChild(view)方法可以获取指定子View在其父ViewGroup中的索引位置。这样做是为了根据不同的索引位置来调整子View的顺序,实现布局的交换或调整。

3.在父组件中移除这两个子布局

删除布局 --- parentLayout.removeViewInLayout(linearLayout_in);

  1. 再将这两个子布局添加到对方的位置上,通过比较两个索引的大小来确定需要交换的两个布局的顺序。
  • 如果index1 < index2,说明布局1在布局2之前,此时应先将布局1添加到parentLayout中,然后再将布局2添加到parentLayout中;
  • 如果index1 >= index2,说明布局1在布局2之后或者二者在同一个位置,此时应先将布局2添加到parentLayout中,然后再将布局1添加到parentLayout中。
  • 添加布局 --- parentLayout.addView(linearLayout_out, index2);
  • 刷新布局 --- parentLayout.requestLayout();
 exchange_icon.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                if (parentLayout != null && linearLayout_in != null && linearLayout_out != null) {
                    int index1 = parentLayout.indexOfChild(linearLayout_out);
                    int index2 = parentLayout.indexOfChild(linearLayout_in);
                    parentLayout.removeViewInLayout(linearLayout_out);
                    parentLayout.removeViewInLayout(linearLayout_in);

                    if(index1 < index2) {
                        parentLayout.addView(linearLayout_in, index1);
                        parentLayout.addView(linearLayout_out, index2);
                    } else {
                        parentLayout.addView(linearLayout_out, index2);
                        parentLayout.addView(linearLayout_in, index1);
                    }
                    parentLayout.requestLayout();
                }

            }
        });

效果:

相关推荐
烬奇小云3 小时前
认识一下Unicorn
android·python·安全·系统安全
顾北川_野15 小时前
Android 进入浏览器下载应用,下载的是bin文件无法安装,应为apk文件
android
CYRUS STUDIO15 小时前
Android 下内联汇编,Android Studio 汇编开发
android·汇编·arm开发·android studio·arm
右手吉他15 小时前
Android ANR分析总结
android
PenguinLetsGo17 小时前
关于 Android15 GKI2407R40 导致梆梆加固软件崩溃
android·linux
杨武博19 小时前
音频格式转换
android·音视频
音视频牛哥21 小时前
Android音视频直播低延迟探究之:WLAN低延迟模式
android·音视频·实时音视频·大牛直播sdk·rtsp播放器·rtmp播放器·android rtmp
ChangYan.1 天前
CondaError: Run ‘conda init‘ before ‘conda activate‘解决办法
android·conda
二流小码农1 天前
鸿蒙开发:ForEach中为什么键值生成函数很重要
android·ios·harmonyos
夏非夏1 天前
Android 生成并加载PDF文件
android