📜  Android中的打字指示器

📅  最后修改于: 2022-05-13 01:55:23.242000             🧑  作者: Mango

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);
                }
            });
        }
    }
    

      输出:在模拟器上运行