[Android&Kotlin] - Calcurator App(계산기 앱)

[Android&Kotlin] - Calcurator App(계산기앱)

 

1. Project생성정보

   - Package Name : com.farmerkyh.study.calcurator

   - Language : Kotlin

   - Minimum SDK : API 23: Android 6.0 (Marshmallow)

2. Android Version정보

   - Android Studio : 4.1.2 (2020.12.20)

   - Java : 1.8.0_242

   - AVD Test API : 29

   - Kotlin Plug in version : 1.4.32-release-Sdudio4.1-1

 

3. 실행화면

   a. 버튼      

      - 자판중 맨 왼쪽.아래 시계icon이 : 계산기록 보여주기 버튼

      - [계산기록삭제] : db에 저장된 계산기록을 삭제 한다.

   b. 개발SPEC

      - 4칙 연산만 수행한다.

      - ( ) 괄호 , . (소수점) 은 제외 한다.

      - 숫자 15자리 이하만 가능하다.

      - 계산기록은 App이 종료 되어도 db에 계속 남아 있다.

         (그래서 App을 다시 실행해도 [계산이력]버튼 (시계icon)을 클릭 하면 이력을 볼 수 있다.

      - [계산기록삭제]버튼을 누르는 경우에만 계산이력을 삭제 한다.

 

4. 디렉토리 구조

5. 프로젝트 소스

    - 프로젝트 전체를 올릴 려고 했으나 10M 이상 초과 되어 파일들만 upload함   

CalcuratorA-src.zip

0.01MB

6. 각 파일 간략 설명

    a. build.gradle

 

    a. activity_main.xml

         - 계산기 주요화면 Layout

    b. history_row.xml

       - 계산이력 한줄을 보여주는 Layout

    c. history_view_icon.xml

       - vector형 icon

       - 생성방식 : drawable > Right mouse > New > Vector Asset

    d. drawable>button_background.xml

       drawable>button_background_green.xml

       - 버튼 background용

 

    a. HistoryDao.kt

        - @Dao

        - Room에 연결된 dao

    b. History.kt

       - @Entity

       - data class

    c. AppDatabase.kt

       - @Database

       - Database class로 생성

    d. MainActivity.kt

 

7. 소스별 상세 설명

    a. build.gradle

       - viewbinding을 사용하기 위해 gradle  변경

android { viewBinding { enabled = true } }

       - room db를 사용하기 위해 gradle  변경

plugins { //room사용시 추가 id 'kotlin-kapt' } dependencies { //room사용시 추가 implementation 'androidx.room:room-runtime:2.3.0' //runtime시 사용할 room을 추가 kapt 'androidx.room:room-compiler:2.3.0' //compiler에서 사용한 room 추가 }

 

    a. activity_main.xml

         - 계산기 주요화면 Layout

 

    b. history_row.xml

       - 계산이력 한줄을 보여주는 Layout

       - 계산식과 계산식에 대한 결과를 보여주는 TextView 2개만 존재

       - activity_main.xml의 LinearLayout.addView( )를 이용해서 계산이력을 한줄 한줄 추가해준다. 

android:shrinkColumns="*" - 버튼 5개를 배치하면 화면에 넘친다. 화면에서 넘치지 않고 균일하게 width를 줄여준다. AppCompatButton - <Button>을 사용해도 되지만 buttond을 사용하면 컬러,style등 속성정의 시 android [Design] 화면에서 버튼이 바로바로 적용이 안된다. AppCompatButton은 속성이 정의 시 [Design]화면에 바로 적용이 된다. stateListAnimator 속성 - 버튼 클릭 시 기본이 3d 형식이다. 이 3d형식을 평평한 2d형식으로 변경하고 싶으면 "@null" 값을 주면 된다.

    c. history_view_icon.xml

       - vector형 icon

       - 생성방식 : drawable > Right mouse > New > Vector Asset

    d. drawable>button_background.xml

       drawable>button_background_green.xml

       - 버튼 background용

 

    a. HistoryDao.kt

        - @Dao

        - Room에 연결된 dao

//@Dao // - room에 연결된 dao임 @Dao interface HistoryDao { //query문장 실행 방식 @Query("SELECT * FROM history") fun getAll(): List<History> //history insert @Insert fun insertHistory(history: History) //query문장 실행 방식 @Query("DELETE FROM history") fun deleteAll() //history delete @Delete fun delete(history: History) //query문장 실행 방식 (결과가 N개) @Query("SELECT * FROM history WHERE result LIKE :result") fun findByResult(result:String) : List<History> //query문장 실행 방식 (결과가 1개) @Query("SELECT * FROM history WHERE result LIKE :result LIMIT 1") fun findByResultOne(result:String) : History }

    b. History.kt

       - @Entity

       - data class

//data class임. // - val type이므로 setter는 생성되지 않는다. // - data class로 만들어 졌기 때문에 to_stirng = hashcode // - 4가지 함수(?)가 자동으로 만들어 진다. //@Entity // - 현재 History.class 자체를 db의 테이블로 사용하기 위해서 만들어 짐 // - room의 data class로 변환됨 //@ColumnInfo // - db 컬럼명을 별도 지정 가능 @Entity data class History ( @PrimaryKey val uid: Int?, @ColumnInfo(name="expression") val expression: String?, @ColumnInfo(name="result") val result: String?)

    c. AppDatabase.kt

       - @Database

       - Database class로 생성

//@Database // - Database class로 생성 //entities // - History table을 사용할 수 있도록 class를 등록해준다. // - 이렇게 하면 History table을 사용할 수 있게 된다. //verstion // - db가 변경이 되었을 경우 사용 @Database(entities = [History::class], version=1) abstract class AppDatabase : RoomDatabase() { abstract fun historyDao(): HistoryDao }

    d. MainActivity.kt

//binding기번 사용 val mainBinding by lazy { ActivityMainBinding.inflate(layoutInflater)} val expressionText = mainBinding.expressionTextView.text.split(" ") //app database(historyDB)가 만들어진다. db = Room.databaseBuilder( applicationContext, AppDatabase::class.java, "historyDB" ).build() //AppCompatButton Casting및 클릭한 숫자 가져오기 fun numberButtonClicked(v:View) { val number = (v as AppCompatButton).text ... } //특정 위치의 문자열 컬러 설정 (연산자 컬러 설정) val ssb = SpannableStringBuilder(mainBinding.expressionTextView.text) ssb.setSpan( ForegroundColorSpan(getColor(R.color.green)), mainBinding.expressionTextView.text.length -1 , mainBinding.expressionTextView.text.length , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) mainBinding.expressionTextView.text = ssb //db에 넣기 // - db에서 넣는 작업은 Main thread에서 할 수 없고, 반드시 thread에서 해야 된다. // - uid:null : pk이므로 자동생성됨. 그래서 null로 전송 Thread( Runnable { db.historyDao().insertHistory(History(null, expressionText, resultText)) }).start() Thread(Runnable { db.historyDao().getAll().reversed().forEach { //화면작업은 반드시 mainthread에서 해야 된다. //현재 Thread는 sub thread 이기 때문에 //이 sub thread에서 Main thread로 돌아 갈려면 //runOnUiThread{}로 처리 하면 된다. runOnUiThread{ //inflater방식 //val historyView = LayoutInflater.from(this) // .inflate(R.layout.history_row, null, false) //historyView.findViewById<TextView>(R.id.expressionTextView).text = it.expression //historyView.findViewById<TextView>(R.id.resultTextView).text = "= ${it.result}" //mainBinding.historyLinearLayout.addView(historyView) val rowBinding by lazy { HistoryRowBinding.inflate(layoutInflater)} rowBinding.expressionTextView.text = it.expression rowBinding.resultTextView.text = "= ${it.result}" mainBinding.historyLinearLayout.addView(rowBinding.root) } } }).start()