色々とFragment の試行錯誤してみた。Activity より柔軟という事で手法も複雑？Activity のプログラムをコピペで終わらせられない。最初はイメージが湧かず、理解も進まず、やる気が出なかったけど、何とか目途が立った。
まず、ニュープロジェクトでBasicを作成した。fragment が２つ有り、切り替えの構造が分かる。じゃあという事で新しい fragment を作成。そこで preferenceFragment を発見した。設定に特化したフラグメント。便利そうだけど他のフラグメントと作法が違うので後回しにする。こんがらがってしまうので。また、fullscreenFragment も見つけたので作成した。
javaのフォルダを右クリック、New > Fragment > Fullscreen Fragment を選択。
FullscreenFragment.java と fragment_fullscreen.xml が作られる。内容は2/3くらい見たことあるもの、何とかなりそうだ。とりあえずコピペ。動けばラッキーという事で始める。
【 AndroidManifest.xml 】
android:allowBackup="false"
プログラム作成中は、"false" にしておくつもり。面倒くさいから。完成版の直前に "true" に戻すかな。
【 MainActivity.java 】
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
/*
FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
*/
}
フローティングアクションボタンは邪魔だから注釈扱いにする。
【 activity_main.xml 】
＜?xml version="1.0" encoding="utf-8"?>
＜androidx.coordinatorlayout.widget.CoordinatorLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
＜com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/Theme.MyApplication.AppBarOverlay">
＜androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/Theme.MyApplication.PopupOverlay" />
＜/com.google.android.material.appbar.AppBarLayout>
＜include layout="@layout/content_main" />
＜!--
＜com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:srcCompat="@android:drawable/ic_dialog_email" />
-->
＜/androidx.coordinatorlayout.widget.CoordinatorLayout>
xml のフローティングアクションボタンも注釈にしてやる。
（＜は半角を全角に変えている。差し込みとかあるんだろうけど探すのめんどい）
【 FullscreenFragment.java 】必要ない部分は削除。そして、追加。
public class FullscreenFragment extends Fragment {
private AssetManager mAssetManager; // ファイル読み込み用
private ImageView imageView1; // 表示用イメージビュー
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater,
@Nullable ViewGroup container,
@Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_fullscreen, container, false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
// フルスクリーン表示 ////////////////////////
int uiOptions;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
uiOptions = View.SYSTEM_UI_FLAG_LOW_PROFILE
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION;
} else {
uiOptions = View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
// | View.SYSTEM_UI_FLAG_LOW_PROFILE
;
}
if ( getActivity() != null ) { // フラグメントの作法らしい
View decorView = getActivity().getWindow().getDecorView();
decorView.setSystemUiVisibility(uiOptions);
}
mAssetManager = getResources().getAssets(); // 今までのコピペ
imageView1 = view.findViewById(R.id.image_view1);
try {
InputStream istream = mAssetManager.open("image/1.jpg");
Bitmap mBitmap = BitmapFactory.decodeStream(istream);
if (mBitmap != null) {
imageView1.setImageBitmap(mBitmap);
}
} catch (IOException e) {
e.printStackTrace();
}
}
@Override
public void onResume() { // これもフラグメントの作法らしい。切り替わった時にきちんと対応する
super.onResume();
if (getActivity() != null && getActivity().getWindow() != null) {
getActivity().getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
}
hide();
}
@Override
public void onPause() {
super.onPause();
if (getActivity() != null && getActivity().getWindow() != null) {
getActivity().getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
getActivity().getWindow().getDecorView().setSystemUiVisibility(0);
}
show();
}
@Override
public void onDestroy() {
super.onDestroy();
mAssetManager.close(); // メモリリーク対策もしっかりする
imageView1= null; // フラグメントが解体される時、フラグメントで確保したメモリは開放する
}
private void hide() {
// Hide UI first
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
actionBar.hide();
}
int uiOptions;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
uiOptions = View.SYSTEM_UI_FLAG_LOW_PROFILE
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION;
} else {
uiOptions = View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
;
}
if ( getActivity() != null ) {
View decorView = getActivity().getWindow().getDecorView();
decorView.setSystemUiVisibility(uiOptions);
}
}
@SuppressLint("InlinedApi")
private void show() {
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
actionBar.show();
}
}
@Nullable
private ActionBar getSupportActionBar() {
ActionBar actionBar = null;
if (getActivity() instanceof AppCompatActivity) {
AppCompatActivity activity = (AppCompatActivity) getActivity();
actionBar = activity.getSupportActionBar();
}
return actionBar;
}
}
関数内で宣言したメモリは関数から出た時点で解放されるはず、一般的には。
【 fragment_fullscreen.xml 】ScrollViewを追加
＜?xml version="1.0" encoding="utf-8"?>
＜com.package.testviewer2.MyScrollView
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:background="?attr/fullscreenBackgroundColor"
android:theme="@style/ThemeOverlay.TestViewer2.FullscreenContainer"
tools:context=".FullscreenFragment">
＜HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:ignore="UselessParent">
＜LinearLayout
android:id="@+id/L_Layout1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:ignore="ObsoleteLayoutParam,UselessParent">
＜ImageView
android:id="@+id/image_view1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="center"
android:contentDescription="image" />
＜/LinearLayout>
＜/HorizontalScrollView>
＜/com.package.testviewer2.MyScrollView>
縦横斜めのスクロール確認のためなので、最初のシンプルのやつ。
【 FirstFragment.java 】
public class FirstFragment extends Fragment {
@Override
public View onCreateView(
LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState
) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_first, container, false);
}
public void onViewCreated(@NonNull View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
view.findViewById(R.id.button_first).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
NavHostFragment.findNavController(FirstFragment.this)
.navigate(R.id.action_FirstFragment_to_SecondFragment);
}
});
// 追加部分。増やしたボタンからフルスクリーンフラグメントへ移行
view.findViewById(R.id.button_first2).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
NavHostFragment.findNavController(FirstFragment.this)
.navigate(R.id.action_FirstFragment_to_FullscreenFragment);
}
});
}
}
意外と手を加える部分は多いフラグメント拡張だ
【 fragment_first.xml 】ボタンを増やす記述
＜?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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".FirstFragment">
＜TextView
android:id="@+id/textview_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_first_fragment"
app:layout_constraintBottom_toTopOf="@id/button_first"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
＜Button
android:id="@+id/button_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/next"
android:textSize="32sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/textview_first" />
＜!-- 追加 -->
android:id="@+id/button_first2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/next"
android:textSize="32sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/button_first" />
＜/android.support.constraint.ConstraintLayout>
ボタン部分をコピペして、ラベルなどを書き換えするだけ
【 nav_graph.xml 】ナビゲーションはアクションの設定かな？
＜?xml version="1.0" encoding="utf-8"?>
＜navigation 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/nav_graph"
app:startDestination="@id/FirstFragment">
＜fragment
android:id="@+id/FirstFragment"
android:name="com.package.testviewer2.FirstFragment"
android:label="@string/first_fragment_label"
tools:layout="@layout/fragment_first">
＜action
android:id="@+id/action_FirstFragment_to_SecondFragment"
app:destination="@id/SecondFragment" />
＜action
android:id="@+id/action_FirstFragment_to_FullscreenFragment"
app:destination="@id/FullscreenFragment" />
＜/fragment>
＜fragment
android:id="@+id/SecondFragment"
android:name="com.package.testviewer2.SecondFragment"
android:label="@string/second_fragment_label"
tools:layout="@layout/fragment_second">
android:id="@+id/action_SecondFragment_to_FirstFragment"
app:destination="@id/FirstFragment" />
＜/fragment>
＜!-- 追加。フルスクリーンフラグメントの部分新設 -->
＜fragment
android:id="@+id/FullscreenFragment"
android:name="com.package.testviewer2.FullscreenFragment"
android:label="Fullscreen Fragment"
tools:layout="@layout/fragment_fullscreen">
＜action
android:id="@+id/action_FullscreenFragment_to_FirstFragment"
app:destination="@id/FirstFragment" />
＜/fragment>
＜/navigation>
「android:name="com.package.testviewer2.FullscreenFragment"」の "package"部分は各々の名前になる。
で、新クラス。ScrollView を継承していたものを NestedScrollView に変えただけ。デベロッパーで後者を使ってほしいと書いてあったので。ScrollView のコールバックと同じメソッドが有ったし、よく分からないから名前を変更してテストしたら同じように動いたので良し。
Android: 画面サイズよりも大きいViewを縦/横/斜めでスクロールする
リンク先のソースをそのまま流用。
【 MyScrollView.java 】
public class MyScrollView extends NestedScrollView {
public MyScrollView(Context context, AttributeSet attrs, int defStyle){
super(context, attrs, defStyle);
}
public MyScrollView(Context context, AttributeSet attrs){
super(context, attrs);
}
public MyScrollView(Context context){
super(context);
}
@Override
public void requestDisallowInterceptTouchEvent(boolean disallowIntercept){
}
@Override
public boolean onInterceptTouchEvent(MotionEvent event){
onTouchEvent(event);
return false;
}
}
縦横斜めのスクロールがフラグメントでできれば、あとは何とかなりそう。作法が違うのがどういう影響を与えてくるか分からないけど。
フルスクロール参考文献
Android: 画面サイズよりも大きいViewを縦/横/斜めでスクロールする