Android5.0之后VectorDrawable 實現(xiàn)超炫酷動畫和交互效果的登錄界面

注意：這篇博客重在為大家提供學(xué)習(xí)vectorDrawable實習(xí)動畫的基礎(chǔ)知識，但是想要實現(xiàn)更加炫酷的效果就要讀者自己去深究了

github鏈接：https://github.com/93Laer/PathAnimtor/blob/master/README.md
先展示一下效果圖

</br>


登錄界面的vectorDrawable
現(xiàn)在看上去還是沒一點鳥用哈，也沒什么特點，再看看代碼吧
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="75dp"
    android:height="25dp"
    android:viewportHeight="40"
    android:viewportWidth="120">
        <path
            android:name="firstHLine"
            android:pathData="M 0,20 l 90,0"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
        <path
            android:name="circleTop"
            android:pathData="M 90,20
            A 9,9 0,1,0 81,11"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
        <path
            android:name="true"
            android:pathData="M 81,11 l 4,6 l 10,-8"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeLineCap="round"
            android:strokeWidth="0.5" />
        <path
            android:name="circleBouttom"
            android:pathData="
            M90,20
            A 9,9 0,1,1 90,38"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
        <path
            android:name="secondHLine"
            android:pathData="M 0,38 l 90,0"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
</vector>

麻痹，更難過了

來看看沒用的鳥圖實現(xiàn)的炫酷效果吧

登錄界面的vectorDrawable的gif

感覺還是不錯呀

注：網(wǎng)上有太多關(guān)于這種動畫的炫酷效果了，我這里只展示了我自己實現(xiàn)的一個小動畫，有興趣可以自己搜來看

</br>

分析這個動畫的步驟:

  1. 當(dāng)輸入賬戶名的編輯框獲得焦點時顯示上面那條橫線動畫
  2. 當(dāng)輸入的賬戶名正確時顯示一個提示正確的方法
  3. 當(dāng)下面輸入框獲得焦點時顯示第二條橫線
  4. 當(dāng)輸入賬戶名的編輯框?qū)①~戶名改錯了時加載收起正確符號的動畫
  5. 當(dāng)前焦點在下面的輸入框，當(dāng)再次點擊上面的輸入框，上面獲得焦點時，加載返回到上一條的過度動畫
    另外還有當(dāng)賬戶名輸入正確或是失敗時，兩個輸入框獲得焦點時的過渡動畫，這里我就不羅列了

</br>

首先定義動畫吧(沒有加default的都是動畫顯示,請自動忽略命名,也勿噴，第一次都是這樣)

  • default_show
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueFrom="1"
    android:valueTo="1"
    android:valueType="floatType"
    android:duration="1"
    />
  • default_gone
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueTo="0"
    android:valueFrom="0"
    android:valueType="floatType"
    android:duration="1"
    />
  • anim3_first_line_gone
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathStart"
    android:valueFrom="0"
    android:valueTo="1"
    android:valueType="floatType"
    android:duration="500"
    android:interpolator="@android:interpolator/linear_out_slow_in" />
  • anim3_back_circle_buttom
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathStart"
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType"
        android:startOffset="200"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />

    </set>
  • anim3_back_buttom_circle
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueFrom="1"
    android:valueTo="0"
    android:valueType="floatType"
    android:startOffset="600"
    android:duration="500"
    android:interpolator="@android:interpolator/linear_out_slow_in" />
  • anim3_back_first_line
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1"
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="500"
        android:propertyName="trimPathStart"
        android:startOffset="700"
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1"
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="1"
        android:valueType="floatType" />
</set>
  • anim_show
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:propertyName="trimPathEnd"
    android:valueFrom="0"
    android:valueTo="1"
    android:duration="500"
    android:valueType="floatType"
    android:interpolator="@android:interpolator/linear_out_slow_in"
    tools:targetApi="lollipop"/>
  • default_show
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueFrom="1"
    android:valueTo="1"
    android:valueType="floatType"
    android:duration="1"
    />
  • anim2_circletop_show
<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator
        android:propertyName="trimPathStart"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
</set>
  • anim2_show_true
<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:duration="1"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="1"
        android:startOffset="500"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
</set>
  • anim3_circle_buttom_show
<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator
        android:propertyName="trimPathStart"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
</set>
  • anim3_second_line_show
<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathStart"
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType"
        android:startOffset="500"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
</set>
  • anim_no_pass_true
<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="0"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
</set>
  • anim_no_pass_circle
<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueTo="0"
        android:valueFrom="0"
        android:valueType="floatType"
        android:duration="1"
        />
    <objectAnimator
        android:propertyName="trimPathStart"
        android:valueFrom="1"
        android:valueTo="0"
        android:startOffset="200"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueTo="1"
        android:valueFrom="1"
        android:valueType="floatType"
        android:duration="1"
        />
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="0"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
</set>

在Drawable下新建

  • anim1
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">
    <target
        android:name="firstHLine"http://對應(yīng)路徑的名字
        android:animation="@animator/anim_show" />
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="true"
        android:animation="@animator/default_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/default_gone" />
</animated-vector>
  • anim2
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop"
    >
    <target
        android:name="firstHLine"
        android:animation="@animator/default_show" />
    <target
        android:name="circleTop"
        android:animation="@animator/anim2_circletop_show" />
    <target
        android:name="true"
        android:animation="@animator/anim2_show_true" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/default_gone" />
</animated-vector>
  • anim3
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="true"
        android:animation="@animator/default_show" />
    <target
    android:name="firstHLine"
    android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_circle_buttom_show" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_second_line_show" />
</animated-vector>
  • anim3_back1
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">

    <target
        android:name="true"
        android:animation="@animator/default_show" />
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_circle_buttom" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_buttom_circle" />
    <target
        android:name="firstHLine"
        android:animation="@animator/anim3_back_first_line" />
</animated-vector>
  • anim3_back1_no_pass
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">

    <target
        android:name="true"
        android:animation="@animator/default_gone" />
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_circle_buttom" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_buttom_circle" />
    <target
        android:name="firstHLine"
        android:animation="@animator/anim3_back_first_line" />
</animated-vector>
  • anim3_no_pass
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="true"
        android:animation="@animator/default_gone" />
    <target
    android:name="firstHLine"
    android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_circle_buttom_show" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_second_line_show" />
</animated-vector>
  • anim_judge
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop"
    >
    <target
        android:name="firstHLine"
        android:animation="@animator/default_show" />
    <target
        android:name="true"
        android:animation="@animator/anim_no_pass_true" />
    <target
        android:name="circleTop"
        android:animation="@animator/anim_no_pass_circle" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/default_gone" />
</animated-vector>
  • 界面布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="com.laer.testcamera.LoginActivity">
    <ImageView
        android:id="@+id/img1"
        android:layout_marginLeft="50dp"
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:focusable="true"
        android:focusableInTouchMode="true"/>
    <LinearLayout
        android:id="@+id/l1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_vertical">
        <TextView
            android:text="賬戶名:"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />
        <EditText
            android:id="@+id/edit1"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:background="@null"
            android:hint="賬戶名"
            android:paddingStart="4dp"
            android:textColor="?android:colorAccent"
            android:textColorHint="@color/colorPrimary"
            android:textSize="12sp" />
    </LinearLayout>
    <LinearLayout
        android:layout_below="@id/l1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_vertical">
        <TextView
            android:text="密    碼:"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />
        <EditText
            android:id="@+id/edit2"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:background="@null"
            android:hint="密碼"
            android:paddingStart="4dp"
            android:textColor="?android:colorAccent"
            android:textColorHint="@color/colorPrimary"
            android:textSize="12sp" />
    </LinearLayout>
</RelativeLayout>
  • activity的邏輯處理
public class LoginActivity extends AppCompatActivity implements View.OnFocusChangeListener, TextWatcher {

    private ImageView img1;
    private EditText edit1;
    private EditText edit2;
    private AnimatedVectorDrawable anim1;
    private AnimatedVectorDrawable anim2;
    private AnimatedVectorDrawable anim3;
    private AnimatedVectorDrawable anim3_back1;
    private AnimatedVectorDrawable anim_judge;
    private AnimatedVectorDrawable anim3_back1_no_pass;
    private AnimatedVectorDrawable anim3_no_pass;
    private boolean isGoBack;
    private boolean isShowTrue;
    private boolean isPass;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        img1 = ((ImageView) findViewById(R.id.img1));
        edit1 = ((EditText) findViewById(R.id.edit1));
        edit2 = ((EditText) findViewById(R.id.edit2));
        anim1 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim1);
        anim2 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim2);
        anim3 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3);
        anim3_back1 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3_back1);
        anim3_back1_no_pass = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3_back1_no_pass);
        anim3_no_pass = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3_no_pass);
        anim_judge = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim_judge);
        // 設(shè)置焦點變化的監(jiān)聽
        edit1.setOnFocusChangeListener(this);
        edit2.setOnFocusChangeListener(this);
        // 文本變化的監(jiān)聽
        edit1.addTextChangedListener(this);
    }

    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        switch (v.getId()) {
            case R.id.edit1:
                if (hasFocus) {
                    if (isGoBack) {
                        if (isPass) {
                            isGoBack = false;
                            img1.setImageDrawable(anim3_back1);
                            anim3_back1.start();
                        } else {
                            isGoBack = false;
                            img1.setImageDrawable(anim3_back1_no_pass);
                            anim3_back1_no_pass.start();
                        }
                    } else {
                        img1.setImageDrawable(anim1);
                        anim1.start();
                    }
                }

                break;
            case R.id.edit2:
                if (hasFocus) {
                    isGoBack = true;
                    if (isPass){
                        img1.setImageDrawable(anim3);
                        anim3.start();
                    }else {
                        img1.setImageDrawable(anim3_no_pass);
                        anim3_no_pass.start();
                    }

                }
                break;
        }
    }

    @Override
    public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

    }

    @Override
    public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

    }

    @Override
    public void afterTextChanged(Editable editable) {
        if (!TextUtils.isEmpty(editable) && edit1.getText().toString().equals("123")) {
            isPass = true;
            img1.setImageDrawable(anim2);
            anim2.start();
            isShowTrue = true;
        } else if (isShowTrue) {
            isPass = false;
            img1.setImageDrawable(anim_judge);
            anim_judge.start();
            isShowTrue = false;
        }
    }
}

順便講講trimPathEnd和trimPathStart 的區(qū)別，很簡單，不懂的，自己測試一下

  • trimPathEnd：
    指的是從開始繪制的地方到剪切結(jié)束的地方
  • trimPathStart
    指的是從開始剪切的地方到最后

參考鏈接

http://mp.weixin.qq.com/s__biz=MzAxNzMxNzk5OQ==&mid=2649484518&idx=1&sn=6f36f9836ff2c740b77514a3457a21b8&scene=0#wechat_redirect

http://www.itdecent.cn/p/7d7178a0feca

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,058評論 25贊 709
  • ￥開啟￥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程，因...
    小菜c閱讀 7,335評論 0贊 17
  • 在iOS中隨處都可以看到絢麗的動畫效果，實現(xiàn)這些動畫的過程并不復(fù)雜，今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,694評論 6贊 30
  • 就象兩朵枯萎的花，在枝頭上互相對視。兩顆頭上都已如霜白發(fā)，尋覓那丟失了的過失。 過去，不該發(fā)生的事發(fā)生了，發(fā)生了又...
    倚劍白云天閱讀 391評論 0贊 0
  • 人類從天色明暗有了時間的概念，在巴比倫王國誕生了日晷后，人們漸漸掌握了時間的變化規(guī)律，而后有了表的問世.........
    戲言菌閱讀 340評論 0贊 0

友情鏈接更多精彩內(nèi)容