第三章、android入门

目录

• 安卓入门
  • 五、动画
    • 1、逐帧动画（frame-by-frame animation）
    • 2、补间动画（tweened animation：不会改变控件的真实坐标）
      • a、xml方式
      • b、代码方式
    • 3、属性动画（property animation：会改变控件的真实坐标）
      • a、单个动画
      • b、组合动画
      • c、xml方式动画
  • 六、单位和尺寸
    • 1、px与pt的区别
    • 2、dp与sp的作用
    • 3、LayoutParams是什么

安卓入门

五、动画

1、逐帧动画（frame-by-frame animation）

• frame.xml（必须放在drawable下）

<?xml version="1.0" encoding="utf-8"?>
<!--android:oneshot值为true表示只执行一次-->
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/anim1" android:duration="120"/>
    <item android:drawable="@drawable/anim2" android:duration="120"/>
    <item android:drawable="@drawable/anim3" android:duration="120"/>
    <item android:drawable="@drawable/anim4" android:duration="120"/>
    <item android:drawable="@drawable/anim5" android:duration="120"/>
    <item android:drawable="@drawable/anim6" android:duration="120"/>
    <item android:drawable="@drawable/anim7" android:duration="120"/>
    <item android:drawable="@drawable/anim8" android:duration="120"/>
    <item android:drawable="@drawable/anim9" android:duration="120"/>
    <item android:drawable="@drawable/anim10" android:duration="120"/>
</animation-list>

• activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@drawable/frame" />

</LinearLayout>

• MainActivity

public class MainActivity extends AppCompatActivity {
    private Boolean flag = true;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView iv = findViewById(R.id.iv);
        AnimationDrawable anim = (AnimationDrawable) iv.getBackground();
        iv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (flag) {
                    anim.start();
                    flag = false;
                } else {
                    anim.stop();
                    flag = true;
                }
            }
        });

    }
}

2、补间动画（tweened animation：不会改变控件的真实坐标）

a、xml方式

• alpha.xml（必须放在anim下）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <alpha
        android:duration="2000"
        android:fromAlpha="0"
        android:toAlpha="1" />

</set>

• rotate.xml（必须放在anim下）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--android:pivotX="50%"：参照物为自己；当参照物为父节点时，值后加p（50%p）-->
    <rotate
        android:duration="2000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" />

</set>

• scale.xml（必须放在anim下）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:duration="2000"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.5"
        android:toYScale="0.5" />

</set>

• translate.xml（必须放在anim下）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="100"
        android:toYDelta="100" />

</set>

• activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:adjustViewBounds="true"
        android:maxWidth="300dp"
        android:maxHeight="300dp"
        android:src="@drawable/img" />

</RelativeLayout>

• MainActivity

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.iv);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);
                // Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate);
                // Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.scale);
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate);
                imageView.startAnimation(animation);
            }
        });
    }
}

b、代码方式

• MainActivity

public class MainActivity extends AppCompatActivity {
    private TextView tv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tv = findViewById(R.id.tv);
    }

    public void alphaHandle(View view) {
        //透明程度0~1,0表示透明，1表示不透明
        AlphaAnimation aa = new AlphaAnimation(1, 0);
        aa.setDuration(2000);//设置动画执行时间
        aa.setRepeatCount(1);//设置动画重复次数
        aa.setRepeatMode(Animation.REVERSE);//设置动画重复模式
        tv.startAnimation(aa);
    }

    public void rotateHandle(View view) {
        /**
         * 参数1：起始角度；参数2：结束角度；
         * 参数3：X轴参照物；参数4：X轴参照物位置比值
         * 参数5：Y轴参照物；参数6：Y轴参照物位置比值
         */
        RotateAnimation ra = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        ra.setDuration(2000);//设置动画执行时间
        ra.setRepeatCount(1);//设置动画重复次数
        ra.setRepeatMode(Animation.REVERSE);//设置动画重复模式
        tv.startAnimation(ra);
    }

    public void scaleHandle(View view) {
        /**
         * 参数1：X轴起始倍数；参数2：X轴结束倍数；
         * 参数3：Y轴起始倍数；参数4：Y轴结束倍数；
         * 参数5：X轴参照物；参数6：X轴参照物位置比值
         * 参数7：Y轴参照物；参数8：Y轴参照物位置比值
         */
        ScaleAnimation sa = new ScaleAnimation(1, 2, 1, 2,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        sa.setDuration(2000);//设置动画执行时间
        sa.setRepeatCount(1);//设置动画重复次数
        sa.setRepeatMode(Animation.REVERSE);//设置动画重复模式
        tv.startAnimation(sa);
    }

    public void translateHandle(View view) {
        /**
         * 参数1：X轴起点参照物；参数2：X轴起点对比原点位移距离与X轴起点参照物长度的比值；
         * 参数3：X轴终点参照物；参数4：X轴终点对比原点位移距离与X轴终点参照物长度的比值；
         * 参数5：Y轴起点参照物；参数6：Y轴起点对比原点位移距离与Y轴起点参照物长度的比值；
         * 参数7：Y轴终点参照物；参数8：Y轴终点对比原点位移距离与Y轴终点参照物长度的比值；
         */
        TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0,
                Animation.RELATIVE_TO_PARENT, 0.5f,
                Animation.RELATIVE_TO_PARENT, 0,
                Animation.RELATIVE_TO_PARENT, 0.5f);
        ta.setDuration(2000);
        ta.setFillAfter(true);//当动画结束后，停留在结束的位置上
        tv.startAnimation(ta);
    }

    public void composeHandle(View view) {
        AlphaAnimation aa = new AlphaAnimation(1, 0);
        aa.setDuration(2000);//设置动画执行时间
        aa.setRepeatCount(1);//设置动画重复次数
        aa.setRepeatMode(Animation.REVERSE);//设置动画重复模式

        RotateAnimation ra = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        ra.setDuration(2000);//设置动画执行时间
        ra.setRepeatCount(1);//设置动画重复次数
        ra.setRepeatMode(Animation.REVERSE);//设置动画重复模式

        ScaleAnimation sa = new ScaleAnimation(1, 2, 1, 2,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        sa.setDuration(2000);//设置动画执行时间
        sa.setRepeatCount(1);//设置动画重复次数
        sa.setRepeatMode(Animation.REVERSE);//设置动画重复模式

        AnimationSet as = new AnimationSet(true);
        as.addAnimation(aa);
        as.addAnimation(ra);
        as.addAnimation(sa);
        tv.startAnimation(as);
    }
}

3、属性动画（property animation：会改变控件的真实坐标）

a、单个动画

• activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="你好世界" />

</RelativeLayout>

• MainActivity

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // ValueAnimator
        ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 1f);
        valueAnimator.setDuration(2000);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float value = (float) animation.getAnimatedValue();
                Log.e("ll", value + "");
            }
        });
        valueAnimator.start();

        // ObjectAnimator
        TextView textView = findViewById(R.id.tv);
        ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(textView, "alpha", 0f, 1f);
        objectAnimator.setDuration(2000);
        objectAnimator.start();
        // 动画监听器
        /*
        objectAnimator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
            }
            @Override
            public void onAnimationEnd(Animator animation) {
            }
            @Override
            public void onAnimationCancel(Animator animation) {
            }
            @Override
            public void onAnimationRepeat(Animator animation) {
            }
        });
        */
        //AnimatorListenerAdapter继承自Animator.AnimatorListener，并将所有方法默认实现
        objectAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationStart(Animator animation) {
                super.onAnimationStart(animation);
            }
        });
    }
}

b、组合动画

• MainActivity

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        //定义动画集
        AnimatorSet as = new AnimatorSet();
        ObjectAnimator oa1 = ObjectAnimator.ofFloat(tv, "alpha", 1f, 0f, 1f);
        ObjectAnimator oa2 = ObjectAnimator.ofFloat(tv, "scaleX", 1f, 0.5f, 1f);
        ObjectAnimator oa3 = ObjectAnimator.ofFloat(tv, "rotation", 0f, 360f, 0f);
        ObjectAnimator oa4 = ObjectAnimator.ofFloat(tv, "translationX", 0f, 300f, 0f);
        as.setDuration(2000);
        as.setTarget(tv);
        //动画依次执行
        //as.playSequentially(oa1, oa2, oa3, oa4);
        //动画一起执行
        as.playTogether(oa1, oa2, oa3, oa4);
        as.start();
    }
}

c、xml方式动画

• my_animator.xml（必须放在animator下）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:duration="2000"
        android:propertyName="translationX"
        android:valueFrom="0"
        android:valueTo="100" />
</set>

六、单位和尺寸

1、px与pt的区别

1、px：pixels（像素），不同设备显示效果相同
2、pt：point，是一个标准的长度单位，1pt=1/72英寸，用于印刷业，非常简单易用

2、dp与sp的作用

1、dip：device independent pixels（设备独立像素），不同设备有不同的显示效果，这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA推荐使用这个，不依赖像素
2、dp：就是dip
3、sp：scaled pixels（放大像素），主要用于字体显示best for textsize

3、LayoutParams是什么

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // setContentView(R.layout.activity_main);

        // LayoutParams相当于一个Layout的信息包，它封装了Layout的位置、高、宽等信息
        LinearLayout linearLayout = new LinearLayout(this);
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        linearLayout.setLayoutParams(layoutParams);

        TextView textView = new TextView(this);
        textView.setText("周洁琼");
        textView.setBackgroundColor(0xffff0000);
        // px
        LinearLayout.LayoutParams textLayoutParams = new LinearLayout.LayoutParams(300, 300);
        // textView.setLayoutParams(textLayoutParams);
        // linearLayout.addView(textView);
        linearLayout.addView(textView, textLayoutParams);

        setContentView(linearLayout);
    }
}