关于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中获取
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,456评论 5赞 477
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,370评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,337评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,583评论 1赞 273
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,596评论 5赞 365
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,572评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,936评论 3赞 395
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,595评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,850评论 1赞 297
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,371评论 4赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,951评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1赞 259
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2赞 342

推荐阅读更多精彩内容