Android实现控件动画效果

MainActivity.java

public class MainActivity extends AppCompatActivity {    private ImageView iv;    private int j = 0;    private Button enter;    private LinearLayout leftLayout, rightLayout;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);//        iv = (ImageView) findViewById(R.id.iv);        change();        leftLayout = (LinearLayout) findViewById(R.id.layout_left);        rightLayout = (LinearLayout) findViewById(R.id.layout_right);        TopBar topBar = (TopBar) findViewById(R.id.topbar);        topBar.setOnTopBarClickListener(new TopBar.TopBarClickListener() {            @Override            public void onLeftClick() {                Toast.makeText(MainActivity.this, "left", Toast.LENGTH_SHORT).show();                /*LayoutInflater inflater = LayoutInflater.from(MainActivity.this);                View view = inflater.inflate(R.layout.item, null);                LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);                addContentView(view,params);*///                twoAnimation();//                offSet();//                flash();                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.all);                leftLayout.startAnimation(animation);                leftLayout.setVisibility(View.VISIBLE);                rightLayout.setVisibility(View.GONE);            }            @Override            public void onRightClick() {                Toast.makeText(MainActivity.this, "right", Toast.LENGTH_SHORT).show();                rightLayout.setVisibility(View.VISIBLE);                leftLayout.setVisibility(View.GONE);            }        });    }    //Activity交换时的动画效果    public void change() {        enter = (Button) findViewById(R.id.btn_enter);        enter.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                Toast.makeText(MainActivity.this, "haha", Toast.LENGTH_SHORT).show();                Intent intent = new Intent(MainActivity.this, EnterActivity.class);                startActivity(intent);                overridePendingTransition(R.anim.activity_enter, R.anim.activity_out);            }        });    }    //闪动效果    public void flash() {        Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.flash);        leftLayout.startAnimation(animation);    }    //给某些动画设置了延迟时间    public void offSet() {        Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.offset);        leftLayout.startAnimation(animation);    }    //一个动画接着一个动画    public void twoAnimation() {        Animation animation1 = new AlphaAnimation(0.1f, 1.0f);        final Animation animation2 = new ScaleAnimation(0.1f, 1.0f, 0.1f, 1.0f);        animation1.setDuration(2000);        animation2.setDuration(2000);        leftLayout.startAnimation(animation1);        animation1.setAnimationListener(new Animation.AnimationListener() {            @Override            public void onAnimationStart(Animation animation) {            }            @Override            public void onAnimationEnd(Animation animation) {                leftLayout.startAnimation(animation2);            }            @Override            public void onAnimationRepeat(Animation animation) {            }        });    }    }

EnterActivity.java

public class EnterActivity extends AppCompatActivity {    private ImageView iv;    private Button btn;    private List<String> mData;    private ListView listview;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_enter);        iv = (ImageView) findViewById(R.id.iv);        btn = (Button) findViewById(R.id.btn_myworld);        listview = (ListView) findViewById(R.id.listview);        mData = new ArrayList<String>();        for (int i = 0; i < 10; i++) {            mData.add("" + i);        }        ArrayAdapter<String> mAdapter = new ArrayAdapter<String>(                EnterActivity.this, android.R.layout.simple_list_item_1, mData);        listview.setAdapter(mAdapter);        LayoutAnimationController lac = new LayoutAnimationController(                AnimationUtils.loadAnimation(this, R.anim.flash));        lac.setOrder(LayoutAnimationController.ORDER_RANDOM);        listview.setLayoutAnimation(lac);        listview.startLayoutAnimation();        btn.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                listview.setVisibility(View.GONE);                iv.setVisibility(View.VISIBLE);                iv.setImageResource(R.drawable.image_list);                AnimationDrawable drawable = (AnimationDrawable) iv.getDrawable();                drawable.start();            }        });    }}

TopBar.java

public class TopBar extends RelativeLayout {    private Button leftBtn, rightBtn;    private TextView title;    private int leftTextColor;    private Drawable leftBackground;    private String leftText;    private int rightTextColor;    private Drawable rightBackground;    private String rightText;    private int titleColor;    private float titleTextSize;    private String titleText;    private LayoutParams leftParams, rightParams, titleParams;    public interface TopBarClickListener {        void onLeftClick();        void onRightClick();    }    private TopBarClickListener listener;    public void setOnTopBarClickListener (TopBarClickListener listener) {        this.listener = listener;    }    public TopBar(Context context, AttributeSet attrs) {        super(context, attrs);        //1.        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.topBar);        leftTextColor = ta.getColor(R.styleable.topBar_leftTextColor, 0);        leftBackground = ta.getDrawable(R.styleable.topBar_leftBackground);        leftText = ta.getString(R.styleable.topBar_leftText);        rightTextColor = ta.getColor(R.styleable.topBar_rightTextColor, 0);        rightBackground = ta.getDrawable(R.styleable.topBar_rightBackground);        rightText = ta.getString(R.styleable.topBar_rightText);        titleColor = ta.getColor(R.styleable.topBar_titleTextColors, 0);        titleTextSize = ta.getDimension(R.styleable.topBar_titleTextSize, 0);        titleText = ta.getString(R.styleable.topBar_titleText);        //回收资源，避免浪费，避免缓存造成的影响        ta.recycle();        //2.        leftBtn = new Button(context);        rightBtn = new Button(context);        title = new TextView(context);        leftBtn.setTextColor(leftTextColor);        leftBtn.setBackground(leftBackground);        leftBtn.setText(leftText);        leftBtn.setGravity(Gravity.CENTER);        rightBtn.setTextColor(rightTextColor);        rightBtn.setBackground(rightBackground);        rightBtn.setText(rightText);        title.setTextColor(titleColor);        title.setTextSize(titleTextSize);        title.setText(titleText);        title.setGravity(Gravity.CENTER);        setBackgroundColor(0xFFF12456);        //3.        leftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);        leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);        addView(leftBtn, leftParams);        rightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);        rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);        addView(rightBtn, rightParams);        titleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);        titleParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);        addView(title, titleParams);        //4.        leftBtn.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                listener.onLeftClick();            }        });        rightBtn.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                listener.onRightClick();            }        });    }}

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:custom="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=".MainActivity">    <my.com.example.x550v.uidisigndmo.TopBar        android:id="@+id/topbar"        android:layout_width="match_parent"        android:layout_height="40dp"        custom:titleText="我的世界"        custom:titleTextSize="10sp"        custom:titleTextColors="#fff"                custom:leftBackground="@drawable/button"        custom:leftText="上一页"        custom:leftTextColor="#000"        custom:rightBackground="@drawable/button"        custom:rightText="下一页"        custom:rightTextColor="#000"/>    <Button        android:id="@+id/btn_enter"        android:text="Enter"        android:layout_alignParentBottom="true"        android:layout_width="match_parent"        android:layout_height="wrap_content" />    <!--<ImageView        android:id="@+id/iv"        android:background="#f7b2b2"        android:layout_below="@id/topbar"        android:layout_width="match_parent"        android:layout_height="match_parent" />-->    <LinearLayout        android:id="@+id/layout_left"        android:orientation="vertical"        android:layout_below="@id/topbar"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:visibility="gone">        <Button            android:text="白日依山尽"            android:textSize="20sp"            android:layout_gravity="center"            android:layout_width="match_parent"            android:layout_height="wrap_content" />        <ImageView            android:layout_gravity="center_horizontal"            android:background="@drawable/ahri1"            android:layout_width="200dp"            android:layout_height="380dp" />        <Button            android:text="黄河入海流"            android:textSize="20sp"            android:layout_gravity="center"            android:layout_width="match_parent"            android:layout_height="wrap_content" />    </LinearLayout>    <LinearLayout        android:id="@+id/layout_right"        android:orientation="vertical"        android:layout_below="@id/topbar"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:visibility="gone">        <Button            android:text="欲穷千里目"            android:textSize="20sp"            android:layout_gravity="center"            android:layout_width="match_parent"            android:layout_height="wrap_content" />        <ImageView            android:layout_gravity="center_horizontal"            android:background="@drawable/ahri2"            android:layout_width="200dp"            android:layout_height="380dp" />        <Button            android:text="更上一层楼"            android:textSize="20sp"            android:layout_gravity="center"            android:layout_width="match_parent"            android:layout_height="wrap_content" />    </LinearLayout></RelativeLayout>

activity_enter.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin"    android:orientation="vertical"    tools:context="my.com.example.x550v.uidisigndmo.EnterActivity">    <Button        android:id="@+id/btn_myworld"        android:text="我的世界观"        android:textSize="20sp"        android:layout_width="match_parent"        android:layout_height="wrap_content" />    <ListView        android:id="@+id/listview"        android:layout_width="match_parent"        android:layout_height="match_parent"/>    <ImageView        android:id="@+id/iv"        android:layout_gravity="center_horizontal"        android:visibility="gone"        android:layout_width="250dp"        android:layout_height="500dp" /></LinearLayout>

attrs.xml

<resources>    <declare-styleable name="topBar">        <attr name="titleText" format="string"/>        <attr name="titleTextSize" format="dimension" />        <attr name="titleTextColors" format="color"/>        <attr name="leftBackground" format="reference|color"/>        <attr name="leftText" format="string"/>        <attr name="leftTextColor" format="color"/>        <attr name="rightBackground" format="reference|color"/>        <attr name="rightText" format="string"/>        <attr name="rightTextColor" format="color"/>     </declare-styleable></resources>

image_list.xml

<animation-list    xmlns:android="http://schemas.android.com/apk/res/android">    <item        android:drawable="@drawable/ahri1"        android:duration="2000"/>    <item        android:drawable="@drawable/ashe"        android:duration="2000"/>    <item        android:drawable="@drawable/ahri2"        android:duration="2000"/>    <item        android:drawable="@drawable/brand"        android:duration="2000"/></animation-list>

all.xml

<set xmlns:android="http://schemas.android.com/apk/res/android"    android:fillBefore="false"    android:fillAfter="true">    <!--<alpha-->        <!--android:duration="2000"-->        <!--android:fromAlpha="0.1"-->        <!--android:toAlpha="1.0"/>-->    <!--<scale-->        <!--android:duration="2000"-->        <!--android:fillAfter="false"-->        <!--android:fromXScale="0.1"-->        <!--android:fromYScale="0.1"-->        <!--android:toXScale="1.0"-->        <!--android:toYScale="1.0"-->        <!--android:pivotX="80%"-->        <!--android:pivotY="80%"-->        <!--android:interpolator="@android:anim/accelerate_interpolator"/>-->    <translate        android:duration="2000"        android:fromXDelta="-400"        android:fromYDelta="-400"        android:toXDelta="400"        android:toYDelta="400" />        <!--<rotate-->        <!--android:duration="2000"-->        <!--android:fromDegrees="0"-->        <!--android:toDegrees="360"-->        <!--android:pivotX="30%"-->        <!--android:pivotY="30%"/>--></set>

更多相关文章

随机推荐