-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6036e93
commit 1b1ddb5
Showing
10 changed files
with
447 additions
and
12 deletions.
There are no files selected for viewing
Binary file modified
BIN
-1.35 KB
(100%)
....xcodeproj/project.xcworkspace/xcuserdata/paku.xcuserdatad/UserInterfaceState.xcuserstate
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,172 @@ | ||
| // | ||
| // ProfileEditView.swift | ||
| // TwitterSwiftUI | ||
| // | ||
| // Created by paku on 2023/10/20. | ||
| // | ||
|
|
||
| import SwiftUI | ||
| import Kingfisher | ||
|
|
||
| struct ProfileEditView: View { | ||
|
|
||
| @StateObject var viewModel: ProfileEditViewModel | ||
| @Environment(\.dismiss) var dismiss | ||
|
|
||
| init(user: User) { | ||
| _viewModel = .init(wrappedValue: ProfileEditViewModel(user: user)) | ||
| } | ||
|
|
||
| var body: some View { | ||
|
|
||
| VStack(alignment: .leading, spacing: 0) { | ||
| header | ||
|
|
||
| ZStack { | ||
| Color.gray | ||
| .frame(height: 120).opacity(0.6) | ||
|
|
||
| Image(systemName: "camera") | ||
| .font(.title) | ||
| .foregroundColor(.white) | ||
| } | ||
| .onTapGesture { | ||
|
|
||
| } | ||
|
|
||
| ZStack { | ||
| KFImage(URL(string: viewModel.user.profileImageUrl)) | ||
| .resizable() | ||
| .frame(width: 70, height: 70) | ||
| .clipShape(Circle()) | ||
| .overlay( | ||
| Circle().strokeBorder(Color.white, lineWidth: 3) | ||
| ) | ||
| Image(systemName: "camera") | ||
| .font(.title2) | ||
| .foregroundColor(.white) | ||
| } | ||
| .padding(.leading, 20) | ||
| .offset(y: -20) | ||
| .onTapGesture { | ||
|
|
||
| } | ||
|
|
||
| nameInput | ||
|
|
||
| bioInput | ||
|
|
||
| loactionInput | ||
|
|
||
| webUrlInput | ||
|
|
||
| Spacer() | ||
| } | ||
| } | ||
| } | ||
|
|
||
| extension ProfileEditView { | ||
| var header: some View { | ||
| ZStack { | ||
| HStack { | ||
| Button { | ||
| dismiss() | ||
| } label: { | ||
| Text("キャンセル") | ||
| } | ||
| Spacer() | ||
|
|
||
| Button { | ||
| dismiss() | ||
| } label: { | ||
| Text("保存") | ||
| .opacity(viewModel.saveButtonDisable ? 0.5 : 1) | ||
| } | ||
| .disabled(viewModel.saveButtonDisable) | ||
|
|
||
| } | ||
|
|
||
| Text("編集") | ||
| .font(.headline) | ||
| .bold() | ||
| } | ||
| .foregroundStyle(.black) | ||
| .padding(.horizontal) | ||
| .padding(.vertical, 6) | ||
| .padding(.top, 5) | ||
| } | ||
|
|
||
| var nameInput: some View { | ||
| VStack(spacing: 0) { | ||
| Divider() | ||
| HStack { | ||
| Text("名前") | ||
| .fontWeight(.semibold) | ||
| TextField("名前を追加", text: $viewModel.name) | ||
| .foregroundColor(.blue) | ||
| .frame(maxWidth: .infinity) | ||
| } | ||
| .padding(.horizontal) | ||
| .padding(.vertical, 12) | ||
| } | ||
| .font(.subheadline) | ||
| } | ||
|
|
||
| var bioInput: some View { | ||
| VStack(spacing: 0) { | ||
| Divider() | ||
| HStack(alignment: .top) { | ||
| Text("自己紹介") | ||
| .fontWeight(.semibold) | ||
| TextField("プロフィールに自己紹介を追加", text: $viewModel.bio, axis: .vertical) | ||
| .foregroundColor(.blue) | ||
|
|
||
| // 自己紹介のエリアは高さが60あり、TextFieldをtopに配置させるためのSpacer | ||
| Spacer() | ||
| .frame(width: 1) | ||
| .frame(minHeight: 60) | ||
| } | ||
| .padding(.horizontal) | ||
| .padding(.vertical, 12) | ||
|
|
||
| } | ||
| .font(.subheadline) | ||
| } | ||
|
|
||
| var loactionInput: some View { | ||
| VStack(spacing: 0) { | ||
| Divider() | ||
| HStack { | ||
| Text("場所") | ||
| .fontWeight(.semibold) | ||
| TextField("場所を追加", text: $viewModel.name) | ||
| .foregroundColor(.blue) | ||
| .frame(maxWidth: .infinity) | ||
| } | ||
| .padding(.horizontal) | ||
| .padding(.vertical, 12) | ||
| } | ||
| .font(.subheadline) | ||
| } | ||
|
|
||
| var webUrlInput: some View { | ||
| VStack(spacing: 0) { | ||
| Divider() | ||
| HStack { | ||
| Text("Web") | ||
| .fontWeight(.semibold) | ||
| TextField("Webサイトを追加", text: $viewModel.name) | ||
| .keyboardType(.URL) | ||
| .foregroundColor(.blue) | ||
| .frame(maxWidth: .infinity) | ||
| } | ||
| .padding(.horizontal) | ||
| .padding(.vertical, 12) | ||
| } | ||
| .font(.subheadline) | ||
| } | ||
| } | ||
|
|
||
| #Preview { | ||
| ProfileEditView(user: .init(username: "username", fullname: "fullname", profileImageUrl: "profileImageUrl", email: "email")) | ||
| } |
Oops, something went wrong.