Hoạt ảnh văn bản từ trái sang phải như tỏa sáng trong Android

Question

Tôi không biết loại hoạt ảnh được gọi là gì, nhưng tôi muốn triển khai như sau. Tôi thấy rằng hình ảnh động trong iOS.

Như bạn có thể thấy rằng, câu trượt để hủy bỏ sẽ animate từ trái sang phải như có một ánh sáng đằng sau nó.

Tôi không biết phải sử dụng cái gì. Tôi đã thử một số hoạt hình như Alpha, nhưng không thể đạt được điều đó. Ai giúp tôi với?

Answer 1

Đây là bản demo của tôi, vui lòng thử lại

https://github.com/FrankNT/TextViewSlideEffect

.210

Kính trọng, Frank

Answer 2

Bạn có 2 cách:

1) làm việc với openGL và sử dụng Shaders để thực hiện hiệu ứng này.

2) tạo một lớp phía trên văn bản chứa gradient [trong suốt] [trắng] [trong suốt] và tạo ảnh động cho anh ấy.

Answer 3

Got giải pháp bằng cách sử dụng Spannable

Tiếp theo là lớp Thread mà liên tục chạy với khoảng thời gian 100 ms.

class MyThread extends Thread { 
    //used for stopping thread 
    boolean flag; 

    //init flag to true so that method run continuously 
    public MyThread() { 
     flag = true; 
    } 

    //set flag false, if want to stop this thread 
    public void setFlag(boolean flag) { 
     this.flag = flag; 
    } 

    @Override 
    public void run() { 
     super.run(); 
     while (flag) { 
      try { 
       Thread.sleep(intervalMiliSeconds); 
       runOnUiThread(new Runnable() { 
        @Override 
        public void run() { 

         Spannable spn = new SpannableString(txtView 
           .getText().toString()); 
         spn.setSpan(new ForegroundColorSpan(Color.WHITE), 
           startPosition, endPosition, 
           Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); 
         txtView.setText(spn); 

         startPosition++; 
         endPosition++; 
         endPosition %= (lengthOfString + charGaps); 
         startPosition %= lengthOfString; 

         if (startPosition == 0) { 
          endPosition = charGaps; 
          startPosition = 0; 
         } 

         if (endPosition > lengthOfString) { 
          endPosition = lengthOfString; 
         } 

         Log.d("Home", "Start : " + startPosition + " End : " + endPosition); 

        } 
       }); 
      } catch (Exception e) { 
       e.printStackTrace(); 
      } 
     } 
    } 
} 

Để sử dụng mã trên, hãy sử dụng triển khai sau.

TextView txtView = (TextView) findViewById(R.id.txtView); 

int charGaps = 3; 

int startPosition = 0; 
int endPosition = charGaps; 

int lengthOfString = txtView.getText().length(); 

MyThread thread = new MyThread(); 

thread.start(); 

Output

Tuy nhiên câu trả lời tốt hơn sẽ được đánh giá cao hơn .. :)

Answer 4

Dưới đây là một IOS như hiệu ứng text trượt,

https://github.com/RomainPiel/Shimmer-android

Answer 5

Tôi nghĩ rằng bạn đang nói về Shimmer Hiệu lực thi hành. Facebook làm thư viện cho điều đó. Nó sẽ giúp bạn hiển thị hiệu ứng ánh sáng từ trái sang phải với nhiều tùy chọn hơn.

Bạn có thể xem tài liệu đầy đủ ở đó. Shimmer Library