效果见我的前一篇博文:https://blog.csdn.net/bigc2001/article/details/112851368,本文只是换了一种实现方式,另外增加了点击全屏效果。
1,布局
布局文件总共有四个:activity_main.xml、activity_frag0.xml、activity_frag1.xml、activity_frag2.xml,第一个为主布局,后三个分别为各界面布局。
主布局仍然是上下三个部分:viewpager、色块行、单选按钮行:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@id/viewSpace0"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/viewSpace0"
android:layout_width="0dp"
android:layout_height="2dp"
android:background="@color/tab_space_normal"
app:layout_constraintBottom_toTopOf="@id/radioGroup1"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/viewSpace1" />
<View
android:id="@+id/viewSpace1"
android:layout_width="0dp"
android:layout_height="2dp"
android:background="@color/tab_space_normal"
app:layout_constraintBottom_toTopOf="@id/radioGroup1"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@id/viewSpace0"
app:layout_constraintRight_toLeftOf="@id/viewSpace2" />
<View
android:id="@+id/viewSpace2"
android:layout_width="0dp"
android:layout_height="2dp"
android:background="@color/tab_space_normal"
app:layout_constraintBottom_toTopOf="@id/radioGroup1"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@id/viewSpace1"
app:layout_constraintRight_toRightOf="parent" />
<RadioGroup
android:id="@+id/radioGroup1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent">
<RadioButton
android:id="@+id/radio0"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/radio_select_background"
android:button="@null"
android:checked="true"
android:gravity="center_horizontal|center"
android:text="仪表盘"
android:textColor="@color/color_radio_font" />
<RadioButton
android:id="@+id/radio1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/radio_select_background"
android:button="@null"
android:gravity="center_horizontal|center"
android:text="保养记录"
android:textColor="@color/color_radio_font" />
<RadioButton
android:id="@+id/radio2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/radio_select_background"
android:button="@null"
android:gravity="center_horizontal|center"
android:text="设置"
android:textColor="@color/color_radio_font" />
</RadioGroup>
</androidx.constraintlayout.widget.ConstraintLayout>
注意我在主布局中各个元素的命名,若干个平行位置的元素都是名称前半部相同后面从0开始排序,这样是有目的的后续可以方便的访问到【注1】。
各子页面布局都一样,例如activity_frag0.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#c060c0"
android:clickable="true"
android:focusable="true"
android:orientation="vertical">
<TextView
android:id="@+id/txt_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="第一个"
android:textSize="20sp" />
</LinearLayout>
注意子布局在根部增加了响应点击事件的属性,用于点击后切换全屏显示。
MainActivity.java:
package csdn.bigc2001.elm327sii;
import androidx.annotation.NonNull;
import androidx.appcompat.app.ActionBar;
import androidx.appcompat.app.AppCompatActivity;
import androidx.constraintlayout.widget.ConstraintLayout;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentStatePagerAdapter;
import androidx.viewpager.widget.ViewPager;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.Layout;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import java.lang.ref.WeakReference;
public class MainActivity extends AppCompatActivity {
private static final String tag = "+>MainActivity";
private ViewPager viewPager;
private int pageSize = 3;
private RadioGroup radioGroup1;
private boolean activeByRadio = false;
private MnHandler mnHandler = new MnHandler(this);
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
this.viewPager = this.findViewById(R.id.viewPager);
this.viewPager.setAdapter(new FragmentStatePagerAdapter(getSupportFragmentManager(), FragmentStatePagerAdapter.BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT) {
@NonNull
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new ActivityFrag0(mnHandler);
case 1:
return new ActivityFrag1(mnHandler);
case 2:
return new ActivityFrag2(mnHandler);
}
return null;
}
@Override
public int getCount() {
return pageSize;
}
});
this.viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
//Log.d(tag, "-----onPageScrolled----");
}
@Override
public void onPageSelected(int position) {
Log.d(tag, "-----onPageSelected----" + position);
if (!activeByRadio) lightRadio(position);
activeByRadio = false;
lightSpace(position);
lightTitle(position);
}
@Override
public void onPageScrollStateChanged(int state) {
//Log.d(tag, "----onPageScrollStateChanged-----" + state);
}
});
this.radioGroup1 = this.findViewById(R.id.radioGroup1);
//设置单选事件
radioGroup1.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
activeByRadio = true;
int index = 0;
for (int i = 0; i < pageSize; i++) {
if (checkedId == radioGroup1.getChildAt(i).getId()) {
index = i;
break;
}
}
showPage(index);
}
});
}
@Override
protected void onStart() {
super.onStart();
this.lightSpace(0);
this.lightTitle(0);
}
private void showPage(int index) {
this.viewPager.setCurrentItem(index);
}
private void lightTitle(int index) {
RadioButton rBut = (RadioButton) this.radioGroup1.getChildAt(index);
this.setTitle(rBut.getText());
}
private void lightRadio(int index) {
//选项
RadioButton rb = this.getElement("radio", index);
rb.setChecked(true);
}
private void lightSpace(int index) {
//色条
for (int i = 0; i < pageSize; i++) {
View viewSpace = this.getElement("viewSpace", i);
if (i == index)
viewSpace.setBackgroundColor(getResources().getColor(R.color.tab_space_checked));
else viewSpace.setBackgroundColor(getResources().getColor(R.color.tab_space_normal));
}
}
public static class MnHandler extends Handler {
private WeakReference<MainActivity> weakActivity;
public static final int WHAT_FRAG_CLICKED = 100;
public MnHandler(MainActivity act) {
this.weakActivity = new WeakReference<>(act);
}
public void handleMessage(Message msg) {
MainActivity activity = weakActivity.get();
if (activity == null || msg == null) return;
switch (msg.what) {
case WHAT_FRAG_CLICKED:
activity.fullScreen();
break;
}
}
}
private boolean isFullScreen = false;
private void fullScreen() {
if (isFullScreen) {
//退出全屏
WindowManager.LayoutParams attrs = getWindow().getAttributes();
attrs.flags &= (~WindowManager.LayoutParams.FLAG_FULLSCREEN);
getWindow().setAttributes(attrs);
getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
//显示标题
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) actionBar.show();
//显示切换按钮
int cc = this.radioGroup1.getChildCount();
for (int i = 0; i < cc; i++) {
RadioButton radioButton = (RadioButton) this.radioGroup1.getChildAt(i);
ViewGroup.LayoutParams layoutParams = radioButton.getLayoutParams();
layoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT;
radioButton.setLayoutParams(layoutParams);
}
} else {
//全屏
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
//隐藏标题栏
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) actionBar.hide();
//隐藏下方切换按钮
int cc = this.radioGroup1.getChildCount();
for (int i = 0; i < cc; i++) {
RadioButton radioButton = (RadioButton) this.radioGroup1.getChildAt(i);
ViewGroup.LayoutParams layoutParams = radioButton.getLayoutParams();
layoutParams.height = 0;
radioButton.setLayoutParams(layoutParams);
}
}
isFullScreen = !isFullScreen;
}
/**
* 根据根据id名称获得元素对象
* @param name
* @param index
* @param <T>
* @return
*/
@SuppressWarnings({"TypeParameterUnusedInFormals", "unchecked"})
private <T extends View> T getElement(String name, int index) {
int id = this.getResources().getIdentifier(name + index, "id", this.getPackageName());
return (T) this.findViewById(id);
}
}
最后一个方法getElement见【注1】。
各子界面的java类类似,例如ActivityFrag0.java:
package csdn.bigc2001.elm327sii;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.NumberPicker;
import androidx.fragment.app.Fragment;
public class ActivityFrag0 extends Fragment {
private static final String tag = "+>ActivityFrag0";
private MainActivity.MnHandler mnHandler;
public ActivityFrag0(MainActivity.MnHandler handler) {
super();
this.mnHandler = handler;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.activity_frag0, container, false);
view.getRootView().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.d(tag, "=====0=====");
mnHandler.obtainMessage(MainActivity.MnHandler.WHAT_FRAG_CLICKED).sendToTarget();
}
});
return view;
}
@Override
public void onStart() {
super.onStart();
Log.d(tag, "===onStart");
}
@Override
public void onResume() {
super.onResume();
Log.d(tag, "===onResume");
}
@Override
public void onPause() {
super.onPause();
Log.d(tag, "===onPause");
}
@Override
public void onStop() {
super.onStop();
Log.d(tag, "===onStop");
}
@Override
public void onDestroy() {
super.onDestroy();
Log.d(tag, "===onDestroy");
}
}
运行整个项目你可以看到在显示某个页面的时候打印了不同的onResume日志、不显示时的onPause日志。其实也就是这一点促使我从前一个方案修改为本例的Framgent方案的。