Question

当从Web服务获得响应时，我想使用ViewModel和dataBinding显示/隐藏progressBar。目前，我直接在布局xml中绑定的viewModel中具有一个函数loginOnClicked。

我想创建一个进度条并在函数loginOnClicked中实现，并基于此更新可见性。有人可以帮我吗。

loginActivity

class loginActivity : AppCompatActivity(),SignupResultCallBack {

            override fun onSucces(message: String) {
                Toast.makeText(this,message, Toast.LENGTH_SHORT)
                        .show()
            }

            override fun onError(message: String) {
                Toast.makeText(this,message, Toast.LENGTH_SHORT)
                        .show()
            }


            override fun onCreate(savedInstanceState: Bundle?) {
                super.onCreate(savedInstanceState)
               // setContentView(R.layout.activity_login)



     val activityLoginBinding=DataBindingUtil.setContentView<ActivityLoginBinding(this,R.layout.activity_login)
       activityLoginBinding.viewModel=of(this,LoginViewModelFactory(this)).get(LoginViewModel::class.java)



   link_signup.setOnClickListener() {
        var intent=Intent(this@loginActivity,signupActivity::class.java)
                    startActivity(intent)
                    finish()
                }

                var test=activityLoginBinding.viewModel!!.progBar()
                if(test)
                    progressBar?.visibility=View.VISIBLE

                else
                    progressBar?.visibility=View.GONE

            }
        }

ViewModel

    class LoginViewModel(private var listener: SignupResultCallBack): ViewModel() {
        private val loginUser:UserRequest



        init {
            this.loginUser= UserRequest("","")
        }

         fun loginOnCLicked(v:View){
             var editLogin: Int = loginUser.isDataValid()
                         if (editLogin == 0)
                         listener.onError("entrer votre email")
                        else
                         if (editLogin == 1)
                         listener.onError("email invalide")
                        else
                         if (editLogin == 2)
                         listener.onError("mot de passe invalide")
                        else
                         if (editLogin == 3)
                             listener.onError("entrer votre mot de passe")
                         else
                             if (editLogin == 4)
                                 listener.onError("champs vides")
                             else


                             {
                                 RetrofitClient.instance.loginUser(UserRequest(loginUser.getEmail(), loginUser.getPassword())).enqueue(object : Callback<DefaultResponse> {
                                     override fun onFailure(call: Call<DefaultResponse>, t: Throwable) {
                                         listener.onError("t.message")

                                     }

                                     override fun onResponse(call: Call<DefaultResponse>, response: Response<DefaultResponse>) {

                                         if (response.code() == 400)
                                             listener.onSucces("login or password invalid")
                                         else if (response.code() == 200)
                                             listener.onSucces("success login")


                                     }

                                 })

               }

         }



}

login.xml

<?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="viewModel"
                type="com.example.rahma.alerteaccidentapp.vm.login.LoginViewModel"/>

        </data>



        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorBackground"
             tools:context=".ui.login.loginActivity">


            <Button
                android:id="@+id/btn_connexion"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="30dp"
                android:background="@drawable/btn_round"
                android:text="Connexion"
                android:onClick="@{viewModel::loginOnCLicked}"

                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:layout_below="@id/password_Edit"
                android:textAppearance="@style/MySerifBoldbtn"
                android:textColor="@android:color/background_light"
                />



        </RelativeLayout>


    </layout>

Answer 1

首先回答您的确切问题，然后将进度条添加到Web服务加载中。

在LoginViewModel中创建一个MutableLiveData对象

public MutableLiveData<Integer> progress = new MutableLiveData<>();

您的loginOnCLicked方法内部

fun loginOnCLicked(v:View){

    progress.setValue(0); //View.VISIBLE

   .

   .

   .

   progress.setValue(8); //View.GONE

}

通过数据绑定将进度条添加到布局中

<ProgressBar
                android:id="@+id/progressBar"
                style="?android:attr/progressBarStyleLarge"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="8dp"
                android:visibility="@{viewModel.progress}" />

希望这会有所帮助。

在旁注中，我将要求您将针对Web服务成功/错误案例的侦听器实现更改为LiveData。这就是MVVM的工作方式，无需在ViewModel中保留Activity的引用。

使用数据绑定从ViewModel显示/隐藏ProgessBar-MVVM

1 个答案: