├── app ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ ├── values │ │ │ │ ├── strings.xml │ │ │ │ ├── dimens.xml │ │ │ │ ├── styles.xml │ │ │ │ ├── colors.xml │ │ │ │ └── attrs.xml │ │ │ ├── mipmap-hdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxxhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── values-w820dp │ │ │ │ └── dimens.xml │ │ │ └── layout │ │ │ │ └── activity_main.xml │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── com │ │ │ └── asdf │ │ │ └── myapplication │ │ │ ├── MainActivity.java │ │ │ └── scaning │ │ │ ├── CalibrationView.java │ │ │ ├── OutCircleView.java │ │ │ ├── InnerCircleView.java │ │ │ ├── GradientCircleView.java │ │ │ └── ScanView.java │ ├── test │ │ └── java │ │ │ └── com │ │ │ └── asdf │ │ │ └── myapplication │ │ │ └── ExampleUnitTest.java │ └── androidTest │ │ └── java │ │ └── com │ │ └── asdf │ │ └── myapplication │ │ └── ExampleInstrumentedTest.java ├── proguard-rules.pro └── build.gradle ├── settings.gradle ├── 1.png ├── 2.png ├── 3.png ├── 扫描动画 ├── .idea ├── copyright │ └── profiles_settings.xml ├── gradle.xml ├── compiler.xml └── misc.xml ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── 2017-04-01_14_15_52.mp4_1491027949.gif ├── README.md ├── .gitignore ├── gradle.properties ├── gradlew.bat └── gradlew /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | -------------------------------------------------------------------------------- /1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/1.png -------------------------------------------------------------------------------- /2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/2.png -------------------------------------------------------------------------------- /3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/3.png -------------------------------------------------------------------------------- /扫描动画: -------------------------------------------------------------------------------- 1 | # Zxing-Scan-Anim 2 | Zxing Scan Anim 一个扫描动画，用于学习动画和view 3 | 一个view 4 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Zxing_Scan_Anim 3 | 4 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /2017-04-01_14_15_52.mp4_1491027949.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/2017-04-01_14_15_52.mp4_1491027949.gif -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Nov 09 10:30:57 CST 2016 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip 7 | -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/test/java/com/asdf/myapplication/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.asdf.myapplication; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() throws Exception { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 二维码扫描用 扫描动画 2 | 还是一句话思路很重要，对自定义view,以及动画有个一定认识，不要的可以提出来共同进步 3 | # xml布局的配置 4 | ![image](https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/master/1.png) 5 | # 各种属性，不够的自己添加 6 | ![image](https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/master/2.png) 7 | # 还有一些属性没有下载attrs中，直接在view中去改，有需要的自己写attrs 8 | ![image](https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/master/3.png) 9 | # 整体动画效果 10 | ![image](https://raw.githubusercontent.com/youxin11544/Zxing-Scan-Anim/master/2017-04-01_14_15_52.mp4_1491027949.gif) 11 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #bab30b 4 | #303F9F 5 | 6 | 7 | #4Dbab30b 8 | 9 | #000000 10 | #E6000000 11 | #B3000000 12 | #80000000 13 | #66000000 14 | #4D000000 15 | #33000000 16 | #00000000 17 | 18 | 19 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /.idea/libraries 2 | .DS_Store 3 | 4 | # Built application files 5 | *.apk 6 | *.ap_ 7 | 8 | # Files for the ART/Dalvik VM 9 | *.dex 10 | 11 | # Java class files 12 | *.class 13 | 14 | # Generated files 15 | bin/ 16 | gen/ 17 | out/ 18 | 19 | # Gradle files 20 | .gradle/ 21 | build/ 22 | 23 | # Local configuration file (sdk path, etc) 24 | local.properties 25 | 26 | # Proguard folder generated by Eclipse 27 | proguard/ 28 | 29 | # Log Files 30 | *.log 31 | 32 | # Android Studio Navigation editor temp files 33 | .navigation/ 34 | 35 | # Android Studio captures folder 36 | captures/ 37 | 38 | # Intellij 39 | *.iml 40 | .idea/workspace.xml 41 | 42 | # Keystore files 43 | *.jks 44 | 45 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in C:\Android_studio\android-sdk-windows/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | org.gradle.jvmargs=-Xmx1536m 13 | 14 | # When configured, Gradle will run in incubating parallel mode. 15 | # This option should only be used with decoupled projects. More details, visit 16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 17 | # org.gradle.parallel=true 18 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/asdf/myapplication/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.asdf.myapplication; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.asdf.myapplication", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 25 5 | buildToolsVersion "25.0.0" 6 | defaultConfig { 7 | applicationId "com.asdf.myapplication" 8 | minSdkVersion 15 9 | targetSdkVersion 25 10 | versionCode 1 11 | versionName "1.0" 12 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 25 | exclude group: 'com.android.support', module: 'support-annotations' 26 | }) 27 | compile 'com.android.support:appcompat-v7:25.0.0' 28 | testCompile 'junit:junit:4.12' 29 | } 30 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 19 | 20 | 21 | 22 | 23 | 1.8 24 | 25 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /app/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /app/src/main/java/com/asdf/myapplication/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.asdf.myapplication; 2 | 3 | import android.animation.Animator; 4 | import android.support.v7.app.AppCompatActivity; 5 | import android.os.Bundle; 6 | import android.view.View; 7 | import android.widget.Toast; 8 | 9 | import com.asdf.myapplication.scaning.ScanView; 10 | 11 | public class MainActivity extends AppCompatActivity { 12 | private ScanView scanView; 13 | @Override 14 | protected void onCreate(Bundle savedInstanceState) { 15 | super.onCreate(savedInstanceState); 16 | setContentView(R.layout.activity_main); 17 | scanView = (ScanView) findViewById(R.id.scanview); 18 | findViewById(R.id.start).setOnClickListener(new View.OnClickListener() { 19 | @Override 20 | public void onClick(View v) { 21 | scanView.startScanAnim(); 22 | } 23 | }); 24 | findViewById(R.id.scaning).setOnClickListener(new View.OnClickListener() { 25 | @Override 26 | public void onClick(View v) { 27 | scanView.startScanMatchingAnim(); 28 | } 29 | }); 30 | findViewById(R.id.end).setOnClickListener(new View.OnClickListener() { 31 | @Override 32 | public void onClick(View v) { 33 | scanView.startScanEndAnim(new Animator.AnimatorListener() { 34 | @Override 35 | public void onAnimationStart(Animator animation) { 36 | Toast.makeText(MainActivity.this,"结束动画开始",Toast.LENGTH_LONG).show(); 37 | } 38 | 39 | @Override 40 | public void onAnimationEnd(Animator animation) { 41 | Toast.makeText(MainActivity.this,"结束动画结束",Toast.LENGTH_LONG).show(); 42 | } 43 | 44 | @Override 45 | public void onAnimationCancel(Animator animation) { 46 | 47 | } 48 | 49 | @Override 50 | public void onAnimationRepeat(Animator animation) { 51 | 52 | } 53 | }); 54 | } 55 | }); 56 | findViewById(R.id.stop).setOnClickListener(new View.OnClickListener() { 57 | @Override 58 | public void onClick(View v) { 59 | scanView.resetView(); 60 | } 61 | }); 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /app/src/main/java/com/asdf/myapplication/scaning/CalibrationView.java: -------------------------------------------------------------------------------- 1 | package com.asdf.myapplication.scaning; 2 | 3 | import android.content.Context; 4 | import android.graphics.Canvas; 5 | import android.graphics.Paint; 6 | import android.util.AttributeSet; 7 | import android.util.TypedValue; 8 | import android.view.View; 9 | 10 | /** 11 | * 刻度尺 view 12 | */ 13 | public class CalibrationView extends View { 14 | private Context mContext; 15 | int mWidth; 16 | int mHeight; 17 | private int line_color = 0xFF9faba1;//线的颜色 18 | private float width_longer = 2f;//长刻度宽度 19 | private float width_shorter = 2f;//短刻度宽度 20 | private float length_longer = 50;//长刻度长度 21 | private float length_shorter = 30;//短刻度长度 22 | private float radius_size = 200;//整个圆弧的半径 23 | private int calibrationLineCount = 90;//圆圈数量 24 | public float getRadius_size() { 25 | return radius_size; 26 | } 27 | 28 | public void setRadius_size(float radius_size) { 29 | this.radius_size = radius_size; 30 | invalidate(); 31 | } 32 | public CalibrationView(Context context) { 33 | this(context, null, 0); 34 | } 35 | public CalibrationView(Context context, AttributeSet attrs) { 36 | this(context, attrs, 0); 37 | } 38 | public CalibrationView(Context context, AttributeSet attrs, int defStyleAttr) { 39 | super(context, attrs, defStyleAttr); 40 | mContext = context; 41 | length_longer = dp2px(context, 8f); 42 | length_shorter = dp2px(context, 5f); 43 | } 44 | @Override 45 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 46 | setMeasuredDimension(getDefaultSize(0, widthMeasureSpec), getDefaultSize(0, heightMeasureSpec)); 47 | mHeight = mWidth = Math.min(getMeasuredWidth(), getMeasuredWidth()); 48 | // radius_size = mHeight/2-length_longer;//相当于默认从 view的顶部开始 49 | // 高度和宽度一样 50 | heightMeasureSpec = widthMeasureSpec = MeasureSpec.makeMeasureSpec(mWidth, MeasureSpec.EXACTLY); 51 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 52 | } 53 | @Override 54 | protected void onDraw(Canvas canvas) { 55 | // 获取宽高参数 56 | mHeight = mWidth = Math.min(getWidth(), getHeight()); 57 | drawCalibration(canvas); 58 | } 59 | private void drawCalibration(Canvas canvas) { 60 | // 画刻度 61 | Paint painDegree = new Paint(); 62 | painDegree.setColor(line_color); 63 | painDegree.setAntiAlias(true); 64 | for (int i = 0; i < calibrationLineCount; i++) { 65 | float startY = 0; 66 | if (i % (calibrationLineCount/3) == 0) { 67 | painDegree.setStrokeWidth(width_longer); 68 | startY = mHeight/2- radius_size-length_longer; 69 | } else { 70 | painDegree.setStrokeWidth(width_shorter); 71 | startY = mHeight/2- radius_size - length_shorter; 72 | } 73 | float startX = mWidth / 2; 74 | float stopX = mWidth / 2; 75 | float stopY = mHeight/2- radius_size; 76 | canvas.drawLine(startX, startY, stopX, stopY, painDegree); 77 | canvas.rotate(360 / calibrationLineCount, mWidth / 2, mHeight / 2); 78 | } 79 | } 80 | /** 81 | * dp转px 82 | */ 83 | public int dp2px(Context context, float dpVal){ 84 | return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 85 | dpVal, context.getResources().getDisplayMetrics()); 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 14 | 15 | 16 | 22 | 23 | 27 | 28 | 31 | 32 | 35 | 36 | 39 | 40 | 43 | 44 | 53 | 54 | 55 | 59 | 60 |