> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-feat-init-gt-translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
> Lock.Swift のスタイル設定とカスタマイズのオプション
# Lock.swift: スタイルのカスタマイズオプション
以下に、Lock のスタイルや外観を設定するためのさまざまなオプションを示します。さらに、[動作設定オプション](/docs/ja-jp/libraries/lock-swift/lock-swift-configuration-options) のページでは、Lock の動作や機能を変更するためのオプションも多数用意されています。
Lockの外観をカスタマイズする
`withStyle` を使うと、Lock の初期化時にスタイルのカスタマイズオプションを追加できます。
```swift lines theme={null}
Lock
.classic()
.withStyle {
$0.title = "Company LLC"
$0.logo = LazyImage(name: "company_logo")
$0.primaryColor = UIColor(red: 0.6784, green: 0.5412, blue: 0.7333, alpha: 1.0)
}
.present(from: self)
```
使用するぼかし効果のスタイルです。`UIBlurEffectStyle` で定義されている任意の値を指定できます。
```swift lines theme={null}
.withStyle {
$0.headerBlur = .extraLight
}
```
ヘッダーの背景色に使用する色です。デフォルトでは色はなく、ぼかしのみが適用されます。
```swift lines theme={null}
.withStyle {
$0.headerColor = UIColor? = nil
}
```
logo
ヘッダーに表示するロゴ画像。推奨される最小サイズは、幅 200 ピクセル、高さ 200 ピクセルです。
```swift lines theme={null}
.withStyle {
$0.logo = LazyImage(name: "company_logo")
}
```
ヘッダーの"close"アイコンは変更できます。
```swift lines theme={null}
.withStyle {
$0.headerCloseIcon = LazyImage(name: "ic_close")
}
```
ヘッダーの"back"アイコンは変更可能です。
```swift lines theme={null}
.withStyle {
$0.headerBackIcon = LazyImage(name: "ic_close")
}
```
タイトルのスタイル設定
hideTitle
ヘッダーのタイトルを非表示にし、ロゴのみを表示します。デフォルトでは、このオプションは false です。
```swift lines theme={null}
.withStyle {
$0.hideTitle = false
}
```
title
ヘッダーに使用するタイトルテキスト
```swift lines theme={null}
.withStyle {
$0.title = "Company LLC"
}
```
titleColor
ヘッダーのタイトルに使用する色。
```swift lines theme={null}
.withStyle {
$0.titleColor = UIColor.black
}
```
プライマリボタンの色合いに使用する色です。
```swift lines theme={null}
.withStyle {
$0.buttonTintColor = UIColor.white
}
```
disabledColor
Lock の無効状態のコンポーネントに使用される色です。
```swift lines theme={null}
.withStyle {
$0.disabledColor = UIColor(red: 0.8902, green: 0.898, blue: 0.9059, alpha: 1.0)
}
```
disabledTextColor
Lock の無効状態のコンポーネントに使用されるテキスト色です。
```swift lines theme={null}
.withStyle {
$0.disabledTextColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}
```
プライマリ ボタンのタイトルを非表示にし、アイコンのみを表示します。デフォルトでは、このオプションは false です。
```swift lines theme={null}
.withStyle {
$0.hideButtonTitle = false
}
```
primaryColor
Lock のプライマリカラーとして使用される色です。
```swift lines theme={null}
.withStyle {
$0.primaryColor = UIColor.orange
}
```
inputTextColor
入力フィールド内のテキストの色。
```swift lines theme={null}
.withStyle {
$0.inputTextColor = UIColor.black
}
```
inputPlaceholderTextColor
入力フィールドのプレースホルダーテキストの色。
```swift lines theme={null}
.withStyle {
$0.inputPlaceholderTextColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}
```
入力フィールドの枠線の色。
```swift lines theme={null}
.withStyle {
$0.inputBorderColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}
```
無効な値が入力された入力フィールドの枠線の色。
```swift lines theme={null}
.withStyle {
$0.inputBorderColorError = UIColor.red
}
```
入力フィールドの背景色。
```swift lines theme={null}
.withStyle {
$0.inputBackgroundColor = UIColor.white
}
```
入力フィールドアイコンの背景色です。
```swift lines theme={null}
.withStyle {
$0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}
```
入力フィールドのアイコンの色。
```swift lines theme={null}
.withStyle {
$0.inputIconColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}
```
ステータスバーの表示スタイル
UIStatusBarAnimation
Lock Controllerのステータスバーを更新する際のアニメーション。
```swift lines theme={null}
.withStyle {
$0.UIStatusBarAnimation = .none
}
```
statusBarHidden
Lock Controllerのステータスバーの表示/非表示。
```swift lines theme={null}
.withStyle {
$0.statusBarHidden = false
}
```
UIStatusBarStyle
Lock Controllerのステータスバーのスタイル。
```swift lines theme={null}
.withStyle {
$0.UIStatusBarStyle = .default
}
```
UISearchBarStyle
Lock のパスワードレス検索バーのスタイル。
```swift lines theme={null}
.withStyle {
$0.UISearchBarStyle = .default
}
```
その他のスタイルオプション
textColor
本文のテキストの色です。
```swift lines theme={null}
.withStyle {
$0.textColor = UIColor.black
}
```
backgroundColor
Lock の背景色に使用する色です。
```swift lines theme={null}
.withStyle {
$0.backgroundColor = UIColor.white
}
```
backgroundImage
Lock の背景画像として使用する画像
```swift lines theme={null}
.withStyle {
$0.backgroundImage = LazyImage(name: "company_logo")
}
```
oauth2
db を除く任意の OAuth 2.0 接続では、接続名を `AuthStyle` に関連付けることでスタイルをカスタマイズできます
```swift lines theme={null}
.withStyle {
$0.oauth2["slack"] = AuthStyle(
name: "Slack",
color: UIColor(red: 0.4118, green: 0.8078, blue: 0.6588, alpha: 1.0),
withImage: LazyImage(name: "ic_slack")
)
}
```
seperatorTextColor
ソーシャルログインの区切りラベルの色。
```swift lines theme={null}
.withStyle {
$0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}
```
サブボタンの色。
```swift lines theme={null}
.withStyle {
$0.secondaryButtonColor = UIColor.black
}
```
tabTextColor
データベースのログインタブ上のテキストの色。
```swift lines theme={null}
.withStyle {
$0.tabTextColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}
```
tabTintColor
データベースのログインタブのティントカラーです。
```swift lines theme={null}
.withStyle {
$0.tabTintColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}
```