ScrollViewの連動について

Question

###前提・実現したいこと

123
456
789

3×3の表があるとして、1はスクロールしない。2,3は横スクロールのみ。4,7は縦スクロールのみ。5,6,8,9は縦横スクロールし、2,3の横スクロールと5,6,8,9,の横スクロール、4,7の縦スクロールと5,6,8,9の縦スクロールを連動させたいです。

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

xmlでScrollView,HorizontalScrollViewを使い実現したいようにうまく囲むことができないのですが、Javaコードの方で実装する必要があるのでしょうか？またその場合どのような方法で実装することができるのでしょうか？

Answer 1

・レイアウトはRelativeLayoutを使用するとできると思いますよ。
・ScrollViewとHorizontalScrollViewを継承する。
・onScrollChangedをオーバーライドする。
・スクロール量をコールバックするインターフェースを定義する。
・各ScrollViewからのスクロール量のコールバックを元に5689をスクロールする。

Comments

[fla]

RelativeLayoutを使えばxmlのレイアウトのみでできるということですか？

[yona]

上手く使うとできます。

[fla]

上手くとはどのように実現すればよいのでしょうか？
ScrollView、HorizontalScrollViewの中身を一つの子要素にして
同じScrollViewの中に4,5,6,7,8,9をいれ、HorizontalScrollViewの中に2,3,5,6,8,9を入れる方法が思いつかないのですが、、、

[yona]

5,6,8,9をScrollViewに入れることは諦めてください。

・2,3をHorizontalScrollViewを継承したクラスの子要素にする。
・4,7をScrollViewを継承したクラスの子要素にする。
・5,6,8,9はFrameLayoutの子要素にする。

[fla]

その方法で2、3が横スクロール、4、7が縦スクロールすることはわかるのですがFrameLayoutに含まれる要素が連動してスクロールしないと思うのですが、、
下記のようなレイアウトを書いてみたのですがどうでしょうか？

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1" />

<ScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7" />
</LinearLayout>

</ScrollView>

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical">

<HorizontalScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3" />
</LinearLayout>
</HorizontalScrollView>

<FrameLayout
android:layout_width="wrap_content"
android:layout_height="match_parent">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6" />

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9" />

</LinearLayout>
</LinearLayout>

</FrameLayout>

</LinearLayout>

</LinearLayout>

[yona]

わたしの回答を丸無視しているのにどうですかと言われても困ります。

[fla]

これでRelativeLayoutでなければいけない理由がわからずそこは分かりやすいようにLinearLayoutにしたのですが、そこ以外は教えていただいたようにしたつもりです。FrameLayoutを使えばできるという仕組みが全く理解できないのですがそこの仕組みを詳しく教えていただけたら嬉しいです。

[yona]

RelativeLayoutを使うと一階層でレイアウトが作れるので教えやすいというだけです。
また、現状のレイアウトでとりあえず表示はできていますか？

方針としては
・ScrollViewを継承したクラスを作成する。
・継承したクラスでスクロール変化をコールバックできるようにする。
・取得したスクロール量をFrameLayout#scrollByに渡してFrameLayoutをスクロールする。

全部を一度に教えると混乱するだけです。順番に教えるのでまずはレイアウトから作りましょう。

[fla]

なるほど。勘違いしている部分がありました。
RelativeLayoutを使えばxmlのレイアウトのみでできるということだと思い、レイアウトだけでどうにか実装できる方法があるのかと思ってしまいました。
xmlのみでなくjavaファイルの方もいじっていく必要があるということですね。

とりあえず現状のレイアウトで5,6,8,9がスクロールしない以外は表示などは問題なくできています。

[yona]

そんなに単純な実装ではないです。

次は私が回答に書いた2〜3を実装してください。

[fla]

ありがとうございます。教えていただいた手順でやってみます。