android 携程首页翻页动画,Android 仿携程购票地址互换效果

今天项目经理给了个需求，大改意思就是说，两种货币可以互相兑换的，说白了就是类似于携程购票地址切换这种效果，废话不多说上才艺：

效果：

图片.png

xml布局：

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/constrainCenter"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:ignore="DuplicateIds">

android:background="@drawable/huzhuan2"

android:layout_marginTop="@dimen/dp20"

android:layout_marginLeft="@dimen/dp20"

android:layout_marginRight="@dimen/dp20"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/constrainCenter"

android:layout_width="match_parent"

android:layout_height="100dp"

android:layout_weight="3"

android:orientation="horizontal">

android:layout_gravity="center"

android:gravity="center_horizontal"

android:id="@+id/constrainLayoutLeft"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical">

android:layout_centerHorizontal="true"

android:layout_gravity="center"

android:id="@+id/tvDetailStartCity"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="深圳"

android:textColor="#FF222222"

android:textSize="26sp"

android:textStyle="bold" />

android:layout_centerHorizontal="true"

android:layout_gravity="center"

android:layout_below="@+id/tvDetailStartCity"

android:id="@+id/tvDetailStartName"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="宝安基地"

android:textColor="#FF222222"

android:textSize="12sp" />

android:id="@+id/constrainLayoutSwitch"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:padding="10dp">

android:layout_centerHorizontal="true"

android:id="@+id/viewDetailStartEnd"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:background="@mipmap/ic_change_direction" />

android:layout_gravity="center"

android:id="@+id/constrainLayoutRight"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical">

android:layout_centerHorizontal="true"

android:id="@+id/tvDetailEndCity"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="深圳"

android:textColor="#FF222222"

android:textSize="26sp"

android:textStyle="bold" />

android:layout_centerHorizontal="true"

android:layout_below="@+id/tvDetailEndCity"

android:id="@+id/tvDetailEndName"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="宝安基地"

android:textColor="#FF222222"

android:textSize="12sp" />

《以下代码可以不用复制粘贴，如果粘贴了，activity代码需要全部复制，如果没有粘贴 activity中 initview可以不用复制》

android:layout_marginTop="@dimen/dp10"

style="@style/line"

android:layout_marginLeft="12dp"

android:layout_marginRight="12dp" />

android:background="@drawable/huzhuan2"

android:layout_marginTop="@dimen/dp10"

android:layout_marginLeft="@dimen/dp20"

android:layout_marginRight="@dimen/dp20"

android:layout_width="match_parent"

android:layout_height="@dimen/dp40">

android:gravity="center"

android:orientation="horizontal"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:gravity="center"

android:layout_weight="1"

android:text="汇率 100 "

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:gravity="center"

android:textStyle="bold"

android:text="="

android:layout_weight="1"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:gravity="center"

android:layout_weight="1"

android:text="STA 10"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:layout_marginTop="@dimen/dp10"

style="@style/line"

android:layout_marginLeft="12dp"

android:layout_marginRight="12dp" />

android:layout_margin="@dimen/dp40"

android:id="@+id/login_btn"

style="@style/BossGreenBtn"

android:layout_height="@dimen/dp40"

android:layout_width="match_parent">

android:id="@+id/tv_login"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="left"

android:layout_weight="1"

android:gravity="center"

android:text="@string/confirm"

android:textColor="@color/white_all"

android:textSize="@dimen/sp_16_text_size" />

android:id="@+id/iv_recycler"

android:layout_width="match_parent"

android:layout_height="match_parent">

activity:

public class ExchangeActivity extends BaseActivity {//汇兑

private ArrayList mDatas;

private Bean bean;

RelativeLayout constrainLayoutLeft;

RelativeLayout constrainLayoutRight;

RelativeLayout constrainLayoutSwitch;

TextView tvDetailStartCity;

TextView tvDetailEndCity;

ObjectAnimator startAnimator;

ObjectAnimator endAnimator;

AnimatorSet animatorSet;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_exchange);

getSupportActionBar().hide();

findViewById(R.id.iv_title_left).setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

finish();

}

});

TextView tvTitle = (TextView) findViewById(R.id.tv_title_left);

tvTitle.setText("汇兑");

constrainLayoutLeft=findViewById(R.id.constrainLayoutLeft);

constrainLayoutRight=findViewById(R.id.constrainLayoutRight);

constrainLayoutSwitch=findViewById(R.id.constrainLayoutSwitch);

tvDetailStartCity=findViewById(R.id.tvDetailStartCity);

tvDetailEndCity=findViewById(R.id.tvDetailEndCity);

constrainLayoutSwitch.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

constrainLayoutSwitch.setClickable(false);

ObjectAnimator iconAnimator = ObjectAnimator.ofFloat(

constrainLayoutSwitch,

View.ROTATION,

constrainLayoutSwitch.getRotation(),

constrainLayoutSwitch.getRotation() + 180

);

int leftMargin = 0;

int rightMargin = 0;

RelativeLayout.LayoutParams leftLayoutParams = (RelativeLayout.LayoutParams) tvDetailStartCity.getLayoutParams();

leftMargin = leftLayoutParams.leftMargin;

RelativeLayout.LayoutParams rightLayoutParams = (RelativeLayout.LayoutParams) tvDetailEndCity.getLayoutParams();

rightMargin = rightLayoutParams.rightMargin;

if (constrainLayoutLeft.getTranslationX() == 0) {

startAnimator = ObjectAnimator.ofFloat(

constrainLayoutLeft,

View.TRANSLATION_X,

constrainLayoutLeft.getTranslationX(),

constrainLayoutRight.getX() + (constrainLayoutLeft.getWidth() - constrainLayoutRight.getWidth()) - leftMargin

);

endAnimator = ObjectAnimator.ofFloat(

constrainLayoutRight,

View.TRANSLATION_X,

constrainLayoutRight.getTranslationX(),

-constrainLayoutRight.getX() + rightMargin

);

} else {

startAnimator = ObjectAnimator.ofFloat(

constrainLayoutLeft,

View.TRANSLATION_X,

-constrainLayoutRight.getTranslationX(),

- constrainLayoutRight.getX() + leftMargin

);

endAnimator = ObjectAnimator.ofFloat(

constrainLayoutRight,

View.TRANSLATION_X,

constrainLayoutRight.getTranslationX(),

constrainLayoutRight.getX() - rightMargin

);

constrainLayoutLeft.setTranslationX(0);

}

animatorSet =new AnimatorSet();

animatorSet.addListener(new Animator.AnimatorListener(){

@Override

public void onAnimationStart(Animator animation) {

}

@Override

public void onAnimationEnd(Animator animation) {

constrainLayoutSwitch.setClickable(true);

}

@Override

public void onAnimationCancel(Animator animation) {

}

@Override

public void onAnimationRepeat(Animator animation) {

}

});

animatorSet.playTogether(startAnimator, endAnimator, iconAnimator);

animatorSet.setDuration(500) ;

animatorSet.start();

}

});

initview();

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.menu_main, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

//noinspection SimplifiableIfStatement

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

private void initview() {

RecyclerView recycler = findViewById(R.id.iv_recycler);

mDatas = new ArrayList<>();

generateDatas();

//线性布局

LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);

linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);

recycler.setLayoutManager(linearLayoutManager);

RecyclerAdapter adapter = new RecyclerAdapter(this,mDatas);

recycler.setAdapter(adapter);

}

private void generateDatas() {

for (int i = 1; i <= 100; i++) {

bean = new Bean();

bean.setImg(R.drawable.top_img);

bean.setTitle("类型"+i);

bean.setTv1("名称"+i);

bean.setTv2("费率10%"+i);

mDatas.add(bean);

}

}

public class RecyclerAdapter extends RecyclerView.Adapter {

private Context mContext;

private ArrayList mDatas;

public RecyclerAdapter(Context context, ArrayList datas) {

mContext = context;

mDatas = datas;

}

@NonNull

@Override

public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

View itemView = LayoutInflater.from(mContext).inflate(R.layout.item_layout, parent, false);

return new NormalHolder(itemView);

}

@Override

public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {

NormalHolder normalHolder = (NormalHolder) holder;

normalHolder.time_tv.setText(mDatas.get(position).getTv1());

normalHolder.time_tv2.setText(mDatas.get(position).getTv2());

normalHolder.title.setText(mDatas.get(position).getTitle());

normalHolder.img.setImageResource(mDatas.get(position).getImg());

}

@Override

public int getItemCount() {

return mDatas.size();

}

public class NormalHolder extends RecyclerView.ViewHolder {

public TextView time_tv;

public TextView time_tv2;

public TextView title;

public ImageView img;

public NormalHolder(View itemView) {

super(itemView);

time_tv = itemView.findViewById(R.id.time_tv);

time_tv2 = itemView.findViewById(R.id.time_tv2);

title = itemView.findViewById(R.id.title);

img = itemView.findViewById(R.id.img);

time_tv.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(mContext, time_tv.getText(), Toast.LENGTH_SHORT).show();

}

});

}

}

}

}