关于constraintLayout布局

进行constraint布局需要以下几点需要注意的

1. 将控件拖拽到布局管理器中，要通过控件上到4个控制点进行与外层constraint进行关联，已方便定位
2. 可以通过水平和垂直方向到辅助线来帮助更快到布局，只需要将控件到4个控制点链接到相应到辅助线位置即可
3. 辅助线可以点击旁边到控制按钮调整点，将辅助线线到单位调整到百分比，这样方便布局。

关于项目中res/value文件夹下到文件说明

1. 这里存放到所有文件全部为定义到变量，之后做项目的时候尽量将常量写到这里方便之后更改
2. 在Java中要用R.String.XXX,在其他文件中要用@String.XXX来表示。

关于ViewModel、DataBinding

1. 创建一个class叫做MyViewModel,继承于ViewModel
2. 在此类中首先定义一个私有变量private 类型为MutableLiveData<Integer> 的属性number
3. 创建构造函数getNumber(),其内部先判断传递过来的number是否为空null,如果为空的话就实例化一个MutableLiveData对象，然后利用setValue来将number的值为0,然后将数据return出去.
4. 创建其他逻辑方法，例如：add()
5. 在build.gradle中的默认设置中添加dataBinding.enabled true,再点击屏幕右上方的sycn来重载项目
6. 在布局文件中选中text模式在上方的将布局模式转换为dataBingding，在data标签中添加一个variable标签，其有两个属性name与type,type为绑定哪一个ViewModel,之后在显示数据或者响应动作的地方来通过@{XX}或@{()->}的方式来绑定数据。
7. 在activity的Java文件中系统会自动生成一个activity加Binding的类型数据，并且定义一个属性来接受dataBinding，与再定义一个ViewModel类型的属性来接受viewModel。
8. 在onCreated生命周期中DataBindingUtils的方法setContentView()来定义绑定的布局文件XML，里面带两个参数，第一个参数是哪一个activity，一般默认就是activity的本身，就是this,但要注意作用域的问题。第二个参数是那个XML文件为：R.layout.XXX,最后将结果赋值给接受dataBinding的属性。
9. 引入ViewModelProviders这个类，通过of(this)来绑定当前的activity，再通过get(MyViewModel.class)的方法来绑定哪一个自定义的ViewModel类，在将结果赋值给接受View Model的属性。
10. 最后通过dataBing的setData()方法来绑定那个ViewModel,通过setLifecycleOwner()来绑定哪一个activity

public class MainActivity extends AppCompatActivity {
    ActivityMainBinding binding;
    MyViewModel viewModel;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_main);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        viewModel = ViewModelProviders.of(this).get(MyViewModel.class);
        binding.setData(viewModel);
        binding.setLifecycleOwner(this);
    }
}

Java文件

package top.ermifan.viewmodelrestore;

import androidx.lifecycle.MutableLiveData;
import androidx.lifecycle.ViewModel;

public class MyViewModel extends ViewModel {
    private MutableLiveData<Integer> number;

    public MutableLiveData<Integer> getNumber() {
        if (number == null) {
            number = new MutableLiveData<>();
            number.setValue(0);
        }
        return number;
    }
    public void add (int n) {
        number.setValue(number.getValue() + n);
    }
}

自定义的View Model

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>
        <variable
            name="data"
            type="top.ermifan.viewmodelrestore.MyViewModel" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(data.getNumber)}"
            android:textSize="30sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.313" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginBottom="8dp"
            android:text="Button"
            android:onClick="@{()->data.add(4)}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

布局文件

dataBinding {
            enabled true
        }

build.gradle中默认设置中增加使用dataBinding的设置

保存数据状态，在activity暂停、方向转换的时候，保证数据不丢失

通过有点过时的方法：

1. 通过系统自带的savedInstanceState来保存数据，利用他putInt方法来创建数据。
2. 为类创建一个常量或者多个常量来用于保存数据。
3. 在引用完View Model后来判断savedInstanceState是否为空，如果不为空则用定义好的常量名定义来接受数据，并通过类的get方法获取对象，再用setValue方法来将savedInstanceState的对象值赋予View Model中，完成数据状态的保留。

public class MainActivity extends AppCompatActivity {
    ActivityMainBinding binding;
    MyViewModel viewModel;
    final static String KEY_NUMBER = "my_number";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_main);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        viewModel = ViewModelProviders.of(this).get(MyViewModel.class);
        if (savedInstanceState != null) {
            viewModel.getNumber().setValue(savedInstanceState.getInt(KEY_NUMBER));
        }
        binding.setData(viewModel);
        binding.setLifecycleOwner(this);
    }

    @Override
    protected void onSaveInstanceState(@NonNull Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt(KEY_NUMBER, viewModel.getNumber().getValue());
    }
}

Java代码

通过View Model自带的saveState方法来解决

1. 首先要添加依赖implementation 'androidx.lifecycle:lifecycle-viewmodel-savedstate:1.0.0-alpha01',文档位置大致位置在：jetpack->androidx->release notes->androidx.lifecycle中获取
2. 在MyViewModel中可以新添加一个构造方法，可以传入一个为SaveStateHandle类型的参数，这个参数可以存放一些简单的数据,并且定义一个SavaStateHandle的属性来接受传入的SavaStateHandle的值
3. 在getNumber中就可以直接返回SaveStateHandle的值，以getLiveData的形式返回
4. 其他方法就可以直接使用getNumber来设置值
5. 在activity中，再实例化ViewModel的时候，再传入一个new SavedStateVMFactory(this)的以绑定activity

public class MyViewModel extends ViewModel {
//    private MutableLiveData<Integer> number;
    private SavedStateHandle handle;
    public MyViewModel(SavedStateHandle handle) {
        this.handle = handle;
    }

    public MutableLiveData<Integer> getNumber() {
        if (!handle.contains(MainActivity.KEY_NUMBER)) {
            handle.set(MainActivity.KEY_NUMBER, 0);
        }
        return handle.getLiveData(MainActivity.KEY_NUMBER);
//        if (number == null) {
//            number = new MutableLiveData<>();
//            number.setValue(0);
//        }
//        return number;
    }
    public void add (int n) {
        getNumber().setValue(getNumber().getValue() + n);
//        number.setValue(number.getValue() + n);
    }

viewModel代码

viewModel = ViewModelProviders.of(this, new SavedStateVMFactory(this)).get(MyViewModel.class);

总结saveState

再系统杀死activity是可以保证数据不会轻易丢失。

Shared preferences的使用

1. 文档位置 docs->guides->app data & files, 简单的说shared preferences就是一个app的简单类型数据的存储
2. 定义一个SharedPreferences的变量，通过getPreferences或getSharePreferences传递参数来定义SharedPreferences来定义类型的数据
3. 定义一个SharedPreferences.Editor的变量，来打开编辑器
4. 通过editor的putInt的方法来保存值
5. 再通过editor.apply()来提交数据

在activity之外的class获取getSharedPreferences

通过Context可以调用getSharedPreferences方法，在其他的class中要使用sharedPreferences,要在activity中实例化一个自定义好的class然后通过getApplicationContext()传递到class中
具体实现代码

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        MyData myData = new MyData(getApplicationContext());
        myData.add();
    }
}

activity代码

public class MyData {
    private int number;
    private Context context;

    public MyData(Context context) {
        this.context = context;
    }


    public void add() {
        SharedPreferences shp = context.getSharedPreferences("MY_DATA", Context.MODE_PRIVATE);
        SharedPreferences.Editor editor = shp.edit();
        editor.putInt("Number2", 350);
        editor.apply();
    }
}

自定义的class代码

在activity外部不可以使用R.string.XXX这些方法与属性，同样需要一个Context来实现.

String myDataName = context.getResources().getString(R.string.my_data);

• 将常量写资源文件中

AndroidViewModel

• 创建一个新的项目,empty activity叫做VMShp
• 首先要引入依赖 implementation 'androidx.lifecycle:lifecycle-viewmodel-savedstate:1.0.0-alpha01与数据绑定dataBinding.enabled true 然后屏幕右上角的SYNC now
• 创建界面利用约束布局，button的显示文本要利用资源，养成好习惯
• 创建ViewModel这次不继承View Model类，继承Android View Model类，androidViewModel可以直接调用shared Preferences
• 创建类之后需要建立一个构造方法，并且要传入SaveStateHandle类型的handle,
• 设置数据用handle.set()来实现
• 定义变量用LiveData来实现

public class MyViewModel extends AndroidViewModel {
    private SavedStateHandle handle;
    private String myKey = getApplication().getResources().getString(R.string.my_key);
    private String myData = getApplication().getResources().getString(R.string.my_data);

    public MyViewModel(@NonNull Application application, SavedStateHandle handle) {
        super(application);
//        把接受的handle赋值给类中自定义的handle
        this.handle = handle;
//        要判断handle中是否包含想要的值
        if (!handle.contains(myKey)) {
            load();
        }

    }

    public LiveData<Integer> getNumber() {
        return handle.getLiveData(myKey);
    }

    private void load() {
//        在sharedPreferences中获取值然后赋值
        SharedPreferences shp = getApplication().getSharedPreferences(myData, Context.MODE_PRIVATE);
        int x = shp.getInt(myKey, 0);
        handle.set(myKey, x);
    }

    protected void save() {
        SharedPreferences shp = getApplication().getSharedPreferences(myData, Context.MODE_PRIVATE);
        SharedPreferences.Editor editor = shp.edit();
        editor.putInt(myKey, getNumber().getValue() == null ? 0 : getNumber().getValue());
        editor.apply();
    }

    public void add(int x) {
        handle.set(myKey, getNumber().getValue() == null ? 0 : getNumber().getValue() + x);
    }
}

继承AndroidViewModel的myViewModel

public class MainActivity extends AppCompatActivity {
    MyViewModel myViewModel;
    ActivityMainBinding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_main);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        myViewModel = ViewModelProviders.of(this, new SavedStateVMFactory(this)).get(MyViewModel.class);
        binding.setData(myViewModel);
        binding.setLifecycleOwner(this);
    }

    @Override
    protected void onPause() {
        super.onPause();
        myViewModel.save();
    }
}

activity代码，在保存数值进sharedPreferences的时候调用myViewModel的save方法来保存数据，有两种方法

• 在add方法中的最后进行，但每次更改都会执行一次保存方法，消耗设备性能
• 在activity中onPause方法中执行，在每次activity暂停但时候调用View Model的save()，但是在特殊情况时，容易发生意外。

两种方法自己取舍

navigation的使用

• 新建两个fragment,然后开始布局，将之前的线性布局替换成约束布局
• 新建一个资源文件，类型选中navigation，之后会ide会自动添加依赖，然后将建立好的两个fragment拖拽进工作区域并建立链接示意图
• 在activity的布局文件中，删除多余的元素只保留约束布局的框架，然后在palette中选containers 中再选中NavHostFragment拖拽到约束布局中，
• 完成导航动作，要在相应的Java文件中，在onActivityCreated的生命周期中添加方法，首先要获取按钮的ID，建立监听事件，声明一个NavController进行跳转

@Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        Button button = getView().findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                NavController controller = Navigation.findNavController(view);
                controller.navigate(R.id.action_home2_to_detail);
            }
        });
    }

通过findNavController(view),声明变量，controller.navigate(R.id.action_home2_to_detail)

或者通过简写的方式

getView().findViewById(R.id.button2).setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_detail_to_home2));
简写的形式

在navigation的资源文件中选中链接的动作连线可以选中动画，在右侧的animations中，防止页面切换太过生硬

在activity中以下设置，可生成detail 的返回箭头，以及为返回箭头赋予动作

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        NavController controller = Navigation.findNavController(this, R.id.fragment);
        NavigationUI.setupActionBarWithNavController(this, controller);
    }

    @Override
    public boolean onSupportNavigateUp() {
        NavController controller = Navigation.findNavController(this, R.id.fragment);
        return controller.navigateUp();
    }
}

• 在导航的资源文件中，选中fragment可以在label中修改fragment的导航栏的名称

navigation的传递参数与自定义动画

• 第一种传递参数的方法，在navGraph中选中需要接受参数的fragment在右侧可以添加参数，然后在接受参数的fragment的Java文件中，在onActivityCreated生命周期中，利用getArguments().getString("name")来获取参数，获取到的参数可以进行后续操作。

public class Detail extends Fragment {


    public Detail() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_detail, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        String string = getArguments().getString("name");
        TextView textView = getView().findViewById(R.id.textView);
        textView.setText(string);
    }
}

接受参数并对textView进行值的设置

• 也可以在navGraph中，选中链接线设置arguments，并且这个参数与接受参数的fragment的arguments设定的参数是一直的，如果在controller.navgation(所选ID是fragment的ID就可以链接线中的动作覆盖接受参数的fragment的同样名称的参数值)

• 获取动态参数的方法：首先更改以下ID为home的fragment，添加一个editText组建,在btn监听中获取editText的getValue().toString(),再通过绑定bundle的形式将bundle一起携带到接受参数的fragment中。接受方法与之前的一种一致

public class Home extends Fragment {


    public Home() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_home, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        getView().findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                EditText editText = getView().findViewById(R.id.editText);
                String string = editText.getText().toString();
                if (TextUtils.isEmpty(string)) {
                    Toast.makeText(getActivity(), "请输入名字", Toast.LENGTH_LONG).show();
                    return;
                }
                Bundle bundle = new Bundle();
                bundle.putString("my_name", string);
                NavController controller = Navigation.findNavController(view);
                controller.navigate(R.id.action_home2_to_detail,bundle);
            }
        });
    }
}

传递参数的fragment的代码

public class Detail extends Fragment {


    public Detail() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_detail, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
//        String string = getArguments().getString("name");
        String string2 = getArguments().getString("my_name");
        TextView textView = getView().findViewById(R.id.textView);
        textView.setText(string2);
    }
}

接受参数的fragment的代码

关于页面切换的动画

• between animation相当与帧动画，首先要创建动画资源,选中创建资源，然后在type中选中animation，之后会生成一个xml文件，可以添加动画效果，有translate、alpha、scale、rotate的动画效果，添加完毕后可以在navGraph中选择刚刚创建的动画效果

• 在设置动画是主要有这几个参数需要注意：起始的值（主要有角度、位置、透明度、缩放比例）、过度时间（单位毫秒）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:duration="300"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.0"
        android:toYScale="0.0"></scale>
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotY="50%"
        android:pivotX="50%"
        android:duration="300"></rotate>
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:duration="300"></alpha>
</set>

主要的动画效果

navigation与view model相结合

• 在页面传递的时候不用传递参数，所有参数在view model中获取