android 스크롤 텍스트 효과 구현
효과 도
실현 방법
직접 코드
우선 사용자 정의 layot 입 니 다.FrameLayout 에서 계승 합 니 다.
public class AnimationTextLayout extends FrameLayout {
private static final String TAG = "AnimationTextLayout";
private List<String> tipList;
private List<Integer> displayList;
private List<TextView> viewList;
private List<VirtualPos> virtualPosList;
private double deviantAngle = 0;
public AnimationTextLayout(@NonNull Context context) {
super(context);
initView();
}
public AnimationTextLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
initView();
}
public AnimationTextLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
private void initView() {
viewList = new ArrayList<>();
displayList = new ArrayList<>();
virtualPosList = new ArrayList<>();
}
/**
*
*
* @param data
*/
public void setData(List<String> data) {
this.tipList = data;
initTips();
}
private void initTips() {
while (tipList.size() > viewList.size()) {
addTipsView();
}
refreshTips();
initVirPos();
post(new Runnable() {
@Override
public void run() {
initPosition();
requestLayout();
}
});
}
/**
*
*/
private void initVirPos() {
virtualPosList.clear();
for (int i = 0; i < viewList.size(); i++) {
double angle = (Math.PI * ((double) i / viewList.size())*2)+(deviantAngle*Math.PI*2);
if (angle>Math.PI*2){
angle-=Math.PI*2;
}
VirtualPos virtualPos = new VirtualPos();
virtualPos.text = tipList.get(i);
virtualPos.z = 100 * Math.sin(angle);
virtualPos.y = 100 * Math.cos(angle);
virtualPosList.add(virtualPos);
}
}
/**
*
*/
private void initPosition() {
for (int i = 0; i < viewList.size(); i++) {
TextView textView = viewList.get(i);
VirtualPos virtualPos=virtualPosList.get(i);
int realY = (int) ((100 - virtualPos.y)/200 *getMeasuredHeight());
FrameLayout.LayoutParams layoutParams = (LayoutParams) textView.getLayoutParams();
layoutParams.topMargin = realY;
if (virtualPos.z>=0){
float textSize= (float) (( virtualPos.z)/100)*20+5;
textView.setTextSize(textSize);
textView.setVisibility(VISIBLE);
}else {
textView.setVisibility(GONE);
}
Log.d(TAG, "initPosition: y=="+realY);
}
}
private void refreshTips() {
for (int i = 0; i < viewList.size(); i++) {
TextView tip = viewList.get(i);
if (i < tipList.size()) {
tip.setVisibility(VISIBLE);
tip.setText(tipList.get(i));
continue;
}
tip.setVisibility(GONE);
}
}
private TextView addTipsView() {
TextView textView = new TextView(getContext());
textView.setTextSize(COMPLEX_UNIT_DIP, 12);
textView.setTextColor(Color.parseColor("#444444"));
textView.setPadding(ConvertUtil.dp2px(5), ConvertUtil.dp2px(3), ConvertUtil.dp2px(5), ConvertUtil.dp2px(3));
LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
layoutParams.gravity=Gravity.CENTER_HORIZONTAL;
layoutParams.rightMargin = ConvertUtil.dp2px(6);
addView(textView, layoutParams);
viewList.add(textView);
return textView;
}
/**
* , x,y,z 100, -100
*/
public static class VirtualPos {
public double x;
public double y;
public double z;
public String text;
}
/**
*
* @param deviantAngle 1
*/
public void setDeviantAngle(float deviantAngle) {
this.deviantAngle = deviantAngle;
initVirPos();
initPosition();
}
public double getDeviantAngle() {
return deviantAngle;
}
}
호출 측 레이아웃
<FrameLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".AnimationTextActivity">
<com.lanlengran.test.view.AnimationTextLayout
android:id="@+id/anim_text_layout"
android:layout_width="match_parent"
android:background="@color/colorAccent"
android:layout_height="400dp"/>
</FrameLayout>
호출 자 코드
public class AnimationTextActivity extends Activity {
private AnimationTextLayout mAnimTextLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_animation_text);
mAnimTextLayout = findViewById(R.id.anim_text_layout);
List<String> testData = new ArrayList<>();
for (int i = 0; i < 30; i++) {
testData.add(" " + i);
}
mAnimTextLayout.setData(testData);
ObjectAnimator animator = ObjectAnimator.ofFloat(mAnimTextLayout, "deviantAngle", 0f, 1f);
animator.setDuration(5000);
animator.setRepeatCount(-1);
animator.start();
}
}
주의 사항이곳 의 애니메이션 은 단지 시범 을 보이 기 위해 서 입 니 다.필요 에 따라 자체 view 의 스크롤 값 을 바 꾸 는 방법 을 바 꾸 면 롤러 를 굴 릴 수 있 습 니 다.예 를 들 어 구 르 는 각도 와 손가락 드래그 를 결합 시 키 는 거 예요.
/**
*
* @param deviantAngle 1
*/
public void setDeviantAngle(float deviantAngle)
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Kotlin의 기초 - 2부지난 글에서는 Kotlin이 무엇인지, Kotlin의 특징, Kotlin에서 변수 및 데이터 유형을 선언하는 방법과 같은 Kotlin의 기본 개념에 대해 배웠습니다. 유형 변환은 데이터 변수의 한 유형을 다른 데이터...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.