개발 기간 1개월 동안 발표된 가상화폐 응용의 기술 총결

최근 카페, 전동차 등에서 가상화폐를 들을 기회가 생겨 가벼운 마음으로 앱을 만들었다.
가상화폐계 앱은 이미 많이 발매됐지만, 디자인과 기능에 도무지 만족하지 못하고 어렵게 자체 제작을 고집하는 마음이 강하다.

만든 물건

개요

가상화폐 차트 확인 애플리케이션
money(돈)+매니지먼트(관리) = MONEYGE(관리·관리)
가상화폐 크립토도 괜찮은데 친하지 않아서 머니를 골랐어요

기능

화면 요약(Top)

가상화폐의 현재 가격, 변동률

상세 화면(Detail)

현재 가격

볼륨

시가총액

지난 1년간의 차트

즐겨찾기 일람

가상화폐의 현재 가격, 변동률

실제 포장면

디자인 등

적당하지만 대체로 이런 느낌
조금만 설계하면 곧 실시에 착수할 것이다
※ 컬렉션은 어제 최근 발매에 포함돼 이 단계에서는 제작되지 않았습니다.

주요 라이브러리 사용

alamofire

Charts

Firebase/Core

Firebase/AdMob

RxSwift

SVProgressHUD

RealmSwift

Charts를 이용한 패션 차트 작성

Charts 간단한 설치
데이터의 주입도 x축과 y축에 원하는 데이터를 입력하면 된다.

// ------データの注入--------
var entry = [ChartDataEntry]()
for data in arr {
    let xValue = data.x
    let yValue = data.y
    entry.append(ChartDataEntry(x: xValue, y: yValue)
}
let dataSet = LineChartDataSet(values: entry, label: "data")
lineChartView.data = LineChartData(dataSet: dataSet)

// アニメーション
lineChartView.animate(xAxisDuration: 1.0, yAxisDuration: 0, easingOption: .easeOutCubic)

// グラフの設定(見た目など)
dataSet.fill = Fill.fillWithCGColor(#colorLiteral(red: 0.7361603379, green: 0.7983745933, blue: 1, alpha: 0.7449933979).cgColor)
dataSet.mode = .cubicBezie
dataSet.drawFilledEnabled = true
dataSet.drawCirclesEnabled = false
dataSet.lineWidth = 1.0

상세 설정

아래 링크는 매우 참고 가치가 있지만 이번 실장에 사용된 내용을 발췌하였다.
감사합니다.상해의 봉화 33!ios-Charts

// チャートの中身のスクロールをするか(ピンチインとか)
lineChartView.scaleXEnabled = false
lineChartView.scaleYEnabled = false         
//  指を離してもスクロールが続くか
lineChartView.dragDecelerationEnabled = false
// 設定するなら
// lineChartView.dragDecelerationFrictionCoef =  0~1
// X軸のグリット線の表示
lineChartView.xAxis.drawGridLinesEnabled = false
lineChartView.xAxis.enabled = false
// チャートの右側にメモリを表示するか
lineChartView.rightAxis.enabled = false
// チャートの左側のメモリのラベルのカラー
lineChartView.leftAxis.labelTextColor = .white
// チャートの説明
lineChartView.chartDescription?.text = nil 
// データがない時の説明文
lineChartView.noDataText = ""

설계면

해본 일

어플리케이션 내 모든 설계

애플에 공개된 캡처

적용된 아이콘

사용하는 도구 등

Sketch

Darkroom

PicSee

미래지향적인 셰프의 마음

응용 프로그램 내의 디자인에 관하여 직접 Xcode로 추측하다
스케치가 앱스토어에 공개한 캡처는 앱 아이콘이 출근길에 아이폰의 앱으로 이미지를 가공했다.
PicSee를 사용하여 이미지에 문자를 추가하고 Darkroom을 사용하여 이미지 자체를 가공합니다.

Sketch

일찌감치 이걸 썼으면 좋겠어, 쓰기가 쉬워.
디자이너가 아닌 엔지니어 자신도 가벼운 부품과 캡처한 가공 등 모색 상태에서 시작해 완성하기까지 2시간가량 걸렸다.

감상

전체 앱이지만 글 첫머리에 쓴 것처럼 자신의 디자인에 얽매여 만들고 싶은 마음이 있어 개발된 구상부터 대충 주제로 만들 수 있었다.

순조로운 곳

RxSwift를 사용하기 때문에 데이터 업데이트가 간단합니다

.

API가 선택되기 전에 수행되었기 때문에 반환이 적음

도표의 가관애니메이션

(New) Realm을 사용한 즐겨찾기 관리

개선점

Rx의 사용 방법도 개선

ViewController로 다양하게 처리

JPY 기준 속도 인력

정렬이 잘 되면 사용하기 쉬울 수 있음

2개 언어만 지원