javaandroidandroid-imageviewandroid-constraintlayout
Android Constraint Layout - move an ImageView to another ImageView
I have a grid of 6x5 ImageViews that I use as my map. I need to move my character from one imageView to another. I want to do this in the Java file, but I do not know what code I can use to move the character in a Constraint Layout.
Here is my XML file. The character is at the very bottom.
<?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/constLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/leftSide"
android:layout_width="0dp"
android:layout_height="0dp"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/tile1_1"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintHorizontal_weight="3">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="leftSide" />
</LinearLayout>
<LinearLayout
android:id="@+id/rightSide"
android:layout_width="0dp"
android:layout_height="0dp"
android:orientation="horizontal"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/tile1_6"
app:layout_constraintHorizontal_weight="3">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="rightSide" />
</LinearLayout>
<!-- Row 1 -->
<ImageView
android:id="@+id/tile1_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/leftSide"
app:layout_constraintRight_toLeftOf="@id/tile1_2"
app:layout_constraintBottom_toTopOf="@id/tile2_1"/>
<ImageView
android:id="@+id/tile1_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/tile1_1"
app:layout_constraintRight_toLeftOf="@+id/tile1_3"
app:layout_constraintBottom_toTopOf="@id/tile2_2"/>
<ImageView
android:id="@+id/tile1_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/tile1_2"
app:layout_constraintRight_toLeftOf="@+id/tile1_4"
app:layout_constraintBottom_toTopOf="@id/tile2_3"/>
<ImageView
android:id="@+id/tile1_4"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/tile1_3"
app:layout_constraintRight_toLeftOf="@+id/tile1_5"
app:layout_constraintBottom_toTopOf="@id/tile2_4"/>
<ImageView
android:id="@+id/tile1_5"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/tile1_4"
app:layout_constraintRight_toLeftOf="@+id/tile1_6"
app:layout_constraintBottom_toTopOf="@id/tile2_5"/>
<ImageView
android:id="@+id/tile1_6"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toRightOf="@id/tile1_5"
app:layout_constraintRight_toLeftOf="@+id/rightSide"
app:layout_constraintBottom_toTopOf="@id/tile2_6"/>
<!-- Row 2 -->
<ImageView
android:id="@+id/tile2_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile1_1"
app:layout_constraintLeft_toRightOf="@id/leftSide"
app:layout_constraintRight_toLeftOf="@id/tile2_2"
app:layout_constraintBottom_toTopOf="@id/tile3_1"/>
<ImageView
android:id="@+id/tile2_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile1_2"
app:layout_constraintLeft_toRightOf="@id/tile2_1"
app:layout_constraintRight_toLeftOf="@id/tile2_3"
app:layout_constraintBottom_toTopOf="@id/tile3_2"/>
<ImageView
android:id="@+id/tile2_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile1_3"
app:layout_constraintLeft_toRightOf="@id/tile2_2"
app:layout_constraintRight_toLeftOf="@id/tile2_4"
app:layout_constraintBottom_toTopOf="@id/tile3_3"/>
<ImageView
android:id="@+id/tile2_4"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile1_4"
app:layout_constraintLeft_toRightOf="@id/tile2_3"
app:layout_constraintRight_toLeftOf="@id/tile2_5"
app:layout_constraintBottom_toTopOf="@id/tile3_4"/>
<ImageView
android:id="@+id/tile2_5"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile1_5"
app:layout_constraintLeft_toRightOf="@id/tile2_4"
app:layout_constraintRight_toLeftOf="@id/tile2_6"
app:layout_constraintBottom_toTopOf="@id/tile3_5"/>
<ImageView
android:id="@+id/tile2_6"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile1_6"
app:layout_constraintLeft_toRightOf="@id/tile2_5"
app:layout_constraintRight_toLeftOf="@id/rightSide"
app:layout_constraintBottom_toTopOf="@id/tile3_6"/>
<!-- Row 3 -->
<ImageView
android:id="@+id/tile3_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile2_1"
app:layout_constraintLeft_toRightOf="@id/leftSide"
app:layout_constraintRight_toLeftOf="@id/tile3_2"
app:layout_constraintBottom_toTopOf="@id/tile4_1"/>
<ImageView
android:id="@+id/tile3_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile2_2"
app:layout_constraintLeft_toRightOf="@id/tile5_1"
app:layout_constraintRight_toLeftOf="@id/tile3_3"
app:layout_constraintBottom_toTopOf="@id/tile4_2"/>
<ImageView
android:id="@+id/tile3_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile2_3"
app:layout_constraintLeft_toRightOf="@id/tile3_2"
app:layout_constraintRight_toLeftOf="@id/tile3_4"
app:layout_constraintBottom_toTopOf="@id/tile4_3"/>
<ImageView
android:id="@+id/tile3_4"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile2_4"
app:layout_constraintLeft_toRightOf="@id/tile3_3"
app:layout_constraintRight_toLeftOf="@id/tile3_5"
app:layout_constraintBottom_toTopOf="@id/tile4_4"/>
<ImageView
android:id="@+id/tile3_5"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile2_5"
app:layout_constraintLeft_toRightOf="@id/tile3_4"
app:layout_constraintRight_toLeftOf="@id/tile3_6"
app:layout_constraintBottom_toTopOf="@id/tile4_5"/>
<ImageView
android:id="@+id/tile3_6"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile2_6"
app:layout_constraintLeft_toRightOf="@id/tile3_5"
app:layout_constraintRight_toLeftOf="@id/rightSide"
app:layout_constraintBottom_toTopOf="@id/tile4_6"/>
<!-- Row 4 -->
<ImageView
android:id="@+id/tile4_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile3_1"
app:layout_constraintLeft_toRightOf="@id/leftSide"
app:layout_constraintRight_toLeftOf="@id/tile4_2"
app:layout_constraintBottom_toTopOf="@id/tile5_1"/>
<ImageView
android:id="@+id/tile4_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile3_2"
app:layout_constraintLeft_toRightOf="@id/tile4_1"
app:layout_constraintRight_toLeftOf="@id/tile4_3"
app:layout_constraintBottom_toTopOf="@id/tile5_2"/>
<ImageView
android:id="@+id/tile4_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile3_3"
app:layout_constraintLeft_toRightOf="@id/tile4_2"
app:layout_constraintRight_toLeftOf="@id/tile4_4"
app:layout_constraintBottom_toTopOf="@id/tile5_3"/>
<ImageView
android:id="@+id/tile4_4"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile3_4"
app:layout_constraintLeft_toRightOf="@id/tile4_3"
app:layout_constraintRight_toLeftOf="@id/tile4_5"
app:layout_constraintBottom_toTopOf="@id/tile5_4"/>
<ImageView
android:id="@+id/tile4_5"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile3_5"
app:layout_constraintLeft_toRightOf="@id/tile4_4"
app:layout_constraintRight_toLeftOf="@id/tile4_6"
app:layout_constraintBottom_toTopOf="@id/tile5_5"/>
<ImageView
android:id="@+id/tile4_6"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile3_6"
app:layout_constraintLeft_toRightOf="@id/tile4_5"
app:layout_constraintRight_toLeftOf="@id/rightSide"
app:layout_constraintBottom_toTopOf="@id/tile5_6"/>
<!-- Row 5 -->
<ImageView
android:id="@+id/tile5_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile4_1"
app:layout_constraintLeft_toRightOf="@id/leftSide"
app:layout_constraintRight_toLeftOf="@id/tile5_2"
app:layout_constraintBottom_toTopOf="@id/tile6_1"/>
<ImageView
android:id="@+id/tile5_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile4_2"
app:layout_constraintLeft_toRightOf="@id/tile5_1"
app:layout_constraintRight_toLeftOf="@id/tile5_3"
app:layout_constraintBottom_toTopOf="@id/tile6_2"/>
<ImageView
android:id="@+id/tile5_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile4_3"
app:layout_constraintLeft_toRightOf="@id/tile5_2"
app:layout_constraintRight_toLeftOf="@id/tile5_4"
app:layout_constraintBottom_toTopOf="@id/tile6_3"/>
<ImageView
android:id="@+id/tile5_4"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile4_4"
app:layout_constraintLeft_toRightOf="@id/tile5_3"
app:layout_constraintRight_toLeftOf="@id/tile5_5"
app:layout_constraintBottom_toTopOf="@id/tile6_4"/>
<ImageView
android:id="@+id/tile5_5"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile4_5"
app:layout_constraintLeft_toRightOf="@id/tile5_4"
app:layout_constraintRight_toLeftOf="@id/tile5_6"
app:layout_constraintBottom_toTopOf="@id/tile6_5"/>
<ImageView
android:id="@+id/tile5_6"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile4_6"
app:layout_constraintLeft_toRightOf="@id/tile5_5"
app:layout_constraintRight_toLeftOf="@id/rightSide"
app:layout_constraintBottom_toTopOf="@id/tile6_6"/>
<!-- Row 6 -->
<ImageView
android:id="@+id/tile6_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile5_1"
app:layout_constraintLeft_toRightOf="@id/leftSide"
app:layout_constraintRight_toLeftOf="@id/tile6_2"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/tile6_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile5_2"
app:layout_constraintLeft_toRightOf="@id/tile6_1"
app:layout_constraintRight_toLeftOf="@id/tile6_3"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/tile6_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile5_3"
app:layout_constraintLeft_toRightOf="@id/tile6_2"
app:layout_constraintRight_toLeftOf="@id/tile6_4"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/tile6_4"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile5_4"
app:layout_constraintLeft_toRightOf="@id/tile6_3"
app:layout_constraintRight_toLeftOf="@id/tile6_5"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/tile6_5"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile5_5"
app:layout_constraintLeft_toRightOf="@id/tile6_4"
app:layout_constraintRight_toLeftOf="@id/tile6_6"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/tile6_6"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/box"
android:scaleType="fitXY"
app:layout_constraintHorizontal_weight="2"
app:layout_constraintVertical_weight="2"
app:layout_constraintTop_toBottomOf="@id/tile5_6"
app:layout_constraintLeft_toRightOf="@id/tile6_5"
app:layout_constraintRight_toLeftOf="@id/rightSide"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/player"
android:layout_width="0dp"
android:layout_height="0dp"
app:srcCompat="@drawable/player"
app:layout_constraintTop_toTopOf="@id/tile1_2"
app:layout_constraintBottom_toBottomOf="@id/tile1_2"
app:layout_constraintRight_toRightOf="@id/tile1_2"
app:layout_constraintLeft_toLeftOf="@id/tile1_2"/>
</android.support.constraint.ConstraintLayout>
I think I need to manipulate this part, but in a Java file.
app:layout_constraintTop_toTopOf="@id/tile1_2"
app:layout_constraintBottom_toBottomOf="@id/tile1_2"
app:layout_constraintRight_toRightOf="@id/tile1_2"
app:layout_constraintLeft_toLeftOf="@id/tile1_2"
Picture of my very much not finished app:
Solution
You can manipulate constraints in code by using a ConstraintSet. An example code to move your player to the ImageView with the the ID of tile1_3 would look like this:
ConstraintLayout layout = findViewById(R.id.constLayout);
ImageView player = findViewById(R.id.player);
ImageView target = findViewById(R.id.tile1_3);
ConstraintSet constraintSet = new ConstraintSet();
constraintSet.clone(layout);
constraintSet.connect(player.getId(), ConstraintSet.START, target.getId(), ConstraintSet.START);
constraintSet.connect(player.getId(), ConstraintSet.END, target.getId(), ConstraintSet.END);
constraintSet.connect(player.getId(), ConstraintSet.TOP, target.getId(), ConstraintSet.TOP);
constraintSet.connect(player.getId(), ConstraintSet.BOTTOM, target.getId(), ConstraintSet.BOTTOM);
constraintSet.applyTo(layout);
- Keep numbers which appear in both columns, in J lang
- Differentiation in J
- How to reshape an array with an arbitrary size in one dimension?
- Why is Insert (fold) right associative
- Write 4 : 'x&{.&.;: y' tacitly
- Alignment issue when printing formatted prime numbers in J language
- How can I define a verb in J that applies a different verb alternately to each atom in a list?
- How to get user input in the J programming language
- How to unbox a list of boxed lists of differing lengths in J?
- How can I fix 'noun result was required' error in J?
- In j, how can I define a verb locally in one scope and pass it to a defined adverb?
- Convert boxed array to normal array?
- Read column of CSV file as array
- Replace atom in array of strings
- What does the dyad `=` do to boxed strings?
- Index of minimum element using J
- How can I take the outer product of string vectors in J?
- Building an array of verbs in J
- Reading in multidigit command line parameter
- Amend with bond to new data shows unexpected behaviour
- How to turn a table or matrix into a (flat) list in J
- How to run dissect in J?
- How to define selection using index function in J
- How to exit the J console?
- Find 4-neighbors using J
- Writing custom verbs in J
- How do I negate a selector in J lang?
- How to use arbitrary selector in interchange in J lang?
- different result once square root is added inside tacit
- Sum of arrays with repeated indices