ios - iOSTumblr作成ビュー

Question

タイトル、分割線、本文を入力する領域がある次のような外観を実現するにはどうすればよいですか。ほぼ1つのUITextViewのように見えます

Answer 1

シンプルで、2つのフィールドを使用します。1つ目はUITextfieldで、ユーザーが入力を開始すると削除される灰色のプレースホルダーテキストを使用できます。次に、行の単純な画像を追加し、最後にUITextViewを追加して、本文テキストの複数の行を作成できるようにします。

編集：コードフィールドで丸みを帯びた境界線をテキストフィールドから削除するには、次のようにします。

[myTextField setBorderStyle:UITextBorderStyleNone];

または、Interface Builderの属性インスペクターで：

より詳細ですが、基本的な説明は次のとおりです。

UITextField *myTextField = [[UITextField alloc] initWithFrame:CGRectMake(0.0f, 0.0f, self.view.bounds.size.width, 44.0f)];
[myTextField setBorderStyle:UITextBorderStyleNone];
[myTextField setPlaceholder:@"Title (optional)"];
[self.view addSubview:myTextField];

UIView *blackLineView = [[UIView alloc] initWithFrame:CGRectMake(0.0f, myTextField.frame.origin.y + myTextField.frame.size.height, self.view.bounds.size.width, 3.0f)];
[blackLineView setBackgroundColor:[UIColor colorWithWhite:0.0f alpha:0.4f]];
[self.view addSubview:blackLineView];

UITextView *myTextView = [[UITextView alloc] initWithFrame:CGRectMake(0.0f, blackLineView.frame.origin.y + blackLineView.frame.size.height, self.view.bounds.size.width, 200.0f)];
[self.view addSubview:myTextView];