Android中的打字指示器
打字指示器已在 Instagram、Facebook Messenger 等各种应用程序中看到。构建聊天应用程序打字指示器将有助于实现更好的用户界面。也可以在应用程序中创建打字指示器,但为此,我们必须为其设计布局,而且我们必须处理指示器动画和指示器之间的颜色差异。所以最好添加一个依赖,这样可以节省很多时间。
方法
- 步骤 1:在build.gradle文件中添加支持库,并在依赖项部分添加依赖项。
implementation 'com.qifan.typingIndicator:typingIndicator:0.1.0'
- 第 2 步:在 drawable 文件夹中创建一个indicator_background.xml并添加以下代码。
indicator_background.xml
activity_main.xml
MainActivity.java
package org.geeksforgeeks.messageIndicator; import android.os.Bundle; import android.view.View; import android.widget.Button; import androidx.annotation.Nullable; import androidx.appcompat.app.AppCompatActivity; import com.qifan.library.ChatTypingIndicatorView; public class MainActivity extends AppCompatActivity { Button message; ChatTypingIndicatorView indicatorView; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); message = findViewById(R.id.button); indicatorView = findViewById(R.id.indicatorView); // whenever user clicks on the Message Received // button this function get invoked // automaicaly. message.setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { // hide the indicator view indicatorView.setVisibility( View.INVISIBLE); } }); } }
- 第 3 步:在activity_main.xml文件中添加以下代码。在这个文件中,将ChatTypingIndicatorView添加到布局中,并将indicator_background添加到ChatTypingIndicatorView的背景中。
activity_main.xml
- 第 4 步:在MainActivity 中添加以下代码。 Java文件。在此文件中,将
setOnClickListner()
添加到将隐藏消息指示器的按钮。主要活动。Java
package org.geeksforgeeks.messageIndicator; import android.os.Bundle; import android.view.View; import android.widget.Button; import androidx.annotation.Nullable; import androidx.appcompat.app.AppCompatActivity; import com.qifan.library.ChatTypingIndicatorView; public class MainActivity extends AppCompatActivity { Button message; ChatTypingIndicatorView indicatorView; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); message = findViewById(R.id.button); indicatorView = findViewById(R.id.indicatorView); // whenever user clicks on the Message Received // button this function get invoked // automaicaly. message.setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { // hide the indicator view indicatorView.setVisibility( View.INVISIBLE); } }); } }
输出:在模拟器上运行