子のレイアウトサイズを変更した時に、描画位置が変わってしまう。

前提・実現したいこと

子レイアウトのサイズを変更した時に描画位置が変わらないで欲しい。

発生している問題・エラーメッセージ

子レイアウトのサイズを変更した時、
子レイアウトの制約？がTop(0),Start(0)の位置になってしまう。

該当のソースコード

・MainActivity

kotlin
1override fun onStart() {
2        super.onStart()
3
4        //dp単位にする
5        val scale = resources.displayMetrics.density
6        var manyLayout = binding.manyLayout
7
8        //サイズ変更
9        var manyLayoutWidth = (0 * scale).toInt()
10        var manyLayoutHeight = (0 * scale).toInt()
11        var manyLayoutSize = ConstraintLayout.LayoutParams(manyLayoutWidth, manyLayoutHeight)
12
13        manyLayout.layoutParams = manyLayoutSize
14
15        //もっとみるボタン
16        binding.manyBtn.setOnClickListener {
17            manyLayoutHeight = (250 * scale).toInt()
18
19            manyLayoutSize = ConstraintLayout.LayoutParams(manyLayoutWidth, manyLayoutHeight)
20            manyLayout.layoutParams = manyLayoutSize
21        }
22
23        //もっとみる内の閉じるボタン
24        binding.closeBtn.setOnClickListener {
25            manyLayoutHeight = (0 * scale).toInt()
26
27            manyLayoutSize = ConstraintLayout.LayoutParams(0, manyLayoutHeight)
28            manyLayout.layoutParams = manyLayoutSize
29        }
30
31        //お気に入りボタン
32        binding.favoriteBtn.setOnClickListener {
33            Log.d("!お気に入りボタン押下!", "確認")
34        }
35    }

・activity_main.xml

kotlin
1<androidx.constraintlayout.widget.ConstraintLayout
2    xmlns:android="http://schemas.android.com/apk/res/android"
3    xmlns:app="http://schemas.android.com/apk/res-auto"
4    xmlns:tools="http://schemas.android.com/tools"
5    android:id="@+id/container"
6    android:layout_width="match_parent"
7    android:layout_height="match_parent">
8
9    <LinearLayout
10        android:id="@+id/nav_area"
11        android:layout_width="wrap_content"
12        android:layout_height="wrap_content"
13        android:orientation="horizontal"
14        android:weightSum="5"
15        app:layout_constraintBottom_toBottomOf="parent"
16        app:layout_constraintEnd_toEndOf="parent"
17        app:layout_constraintStart_toStartOf="parent">
18
19        <com.google.android.material.bottomnavigation.BottomNavigationView
20            android:id="@+id/nav_view"
21            android:layout_width="0dp"
22            android:layout_height="match_parent"
23            android:layout_weight="4"
24            android:translationZ="-50dp"
25            android:background="?android:attr/windowBackground"
26            app:menu="@menu/bottom_nav_menu" />
27
28        <ImageButton
29            android:id="@+id/many_btn"
30            android:layout_width="0dp"
31            android:layout_height="match_parent"
32            android:layout_weight="1"
33            android:translationZ="0dp"
34            android:background="#ffffff"
35            app:srcCompat="@drawable/ic_android_black_24dp" />
36
37    </LinearLayout>
38
39    <androidx.constraintlayout.widget.ConstraintLayout
40        android:layout_width="match_parent"
41        android:layout_height="match_parent"
42        android:orientation="horizontal"
43        android:weightSum="5"
44        android:translationZ="50dp"
45        app:layout_constraintBottom_toBottomOf="parent"
46        app:layout_constraintEnd_toEndOf="parent"
47        app:layout_constraintStart_toStartOf="parent">
48
49        //～～～サイズ変更を行うレイアウト～～～
50        <LinearLayout
51            android:id="@+id/many_layout"
52            android:layout_width="0dp"
53            android:layout_height="250dp"
54            android:layout_marginEnd="8dp"
55            android:layout_marginBottom="8dp"
56            android:background="@drawable/layout_corners"
57            android:orientation="vertical"
58            android:translationZ="150dp"
59            android:weightSum="3"
60            app:layout_constraintBottom_toBottomOf="parent"
61            app:layout_constraintEnd_toEndOf="parent">
62
63            <Button
64                android:id="@+id/campagin_btn"
65                style="?android:attr/borderlessButtonStyle"
66                android:layout_width="match_parent"
67                android:layout_height="wrap_content"
68                android:layout_marginTop="12dp"
69                android:layout_weight="1"
70                android:backgroundTint="@color/main"
71                android:drawableTop="@drawable/campaign_btn"
72                android:text="@string/campaign_text"
73                android:textSize="10sp" />
74
75            <Button
76                android:id="@+id/favorite_btn"
77                style="?android:attr/borderlessButtonStyle"
78                android:layout_width="match_parent"
79                android:layout_height="wrap_content"
80                android:layout_marginTop="12dp"
81                android:backgroundTint="@color/main"
82                android:drawableTop="@drawable/favorite_btn"
83                android:text="@string/title_favorite"
84                android:textSize="12sp" />
85
86            <Button
87                android:id="@+id/close_btn"
88                style="?android:attr/borderlessButtonStyle"
89                android:layout_width="match_parent"
90                android:layout_height="wrap_content"
91                android:layout_marginTop="12dp"
92                android:backgroundTint="@color/main"
93                android:drawableTop="@drawable/close_btn"
94                android:text="@string/title_text"
95                android:textSize="12sp" />
96        </LinearLayout>
97    </androidx.constraintlayout.widget.ConstraintLayout>
98
99    <fragment
100        android:id="@+id/nav_host_fragment_activity_main"
101        android:name="androidx.navigation.fragment.NavHostFragment"
102        android:layout_width="match_parent"
103        android:layout_height="0dp"
104        app:defaultNavHost="true"
105        app:layout_constraintBottom_toTopOf="@+id/nav_area"
106        app:layout_constraintLeft_toLeftOf="parent"
107        app:layout_constraintRight_toRightOf="parent"
108        app:layout_constraintTop_toTopOf="parent"
109        app:navGraph="@navigation/mobile_navigation" />
110
111</androidx.constraintlayout.widget.ConstraintLayout>

試したこと

サイズ変更のプログラム時に制約が無くなってしまってレイアウトが(0,0)の位置に移動してしまっているのではと考え、制約をコードから追加してみる記述も試したのですが望んだ結果にはなりませんでした。(そもそも記述が違う可能性有り)
また、ConstraintLayout.LayoutParams の ConstraintLayout 箇所は親レイアウトを指定するとあったのですが親が２つ以上ある場合どうなるかなどの説明を見つけられず、理解が浅いためそこを重点的に調べている途中です。

お手数をおかけしますが、少しでもわかる方がいましたらご教示をお願いしたいです。

行動規範の内容に同意します

回答1件

自己解決

自己解決出来ました。
原因は恐らくですが制約が解除されてしまっていた事で、
制約の記述方法は合っていたのですがキャッシュ周り？が原因で反映されていませんでした。

一応制約の方法も記述させていただきます。


//もっとみるボタン
        binding.manyBtn.setOnClickListener {
            manyLayoutHeight = (250 * scale).toInt()

            manyLayoutSize = ConstraintLayout.LayoutParams(manyLayoutWidth, manyLayoutHeight)

            //制約の追加
            manyLayoutSize.endToEnd = ConstraintLayout.LayoutParams.PARENT_ID;
            manyLayoutSize.bottomToBottom = ConstraintLayout.LayoutParams.PARENT_ID;
            manyLayoutSize.rightMargin = 8
            manyLayoutSize.bottomMargin = 8

            manyLayout.layoutParams = manyLayoutSize
        }

投稿2021/02/01 09:14

j.f15

総合スコア23

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／