したがって、0-24の数字のみを含む行を持つuipickerviewがあり、ピッカービューの右側に大きなギャップを残して数字が左揃えされているため、少しばかげています。
Uipickerviewでテキストを中央揃えにする簡単な方法はありますか?
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 300, 37)];
label.text = [NSString stringWithFormat:@"something here"];
label.textAlignment = NSTextAlignmentCenter; //Changed to NS as UI is deprecated.
label.backgroundColor = [UIColor clearColor];
[label autorelease];
return label;
}
またはこのようなもの。
IOS 6では少し簡単になりました...属性付き文字列を返すために実装できる新しいメソッドがあります...そして、属性付き文字列の配置を定義できます。
- (NSAttributedString *)pickerView:(UIPickerView *)pickerView attributedTitleForRow:(NSInteger)row forComponent:(NSInteger)component {
NSString *text = [NSString stringWithFormat:@"R%d C%d", row, component];
NSMutableAttributedString *as = [[NSMutableAttributedString alloc] initWithString:text];
NSMutableParagraphStyle *mutParaStyle=[[NSMutableParagraphStyle alloc] init];
mutParaStyle.alignment = NSTextAlignmentCenter;
[as addAttribute:NSParagraphStyleAttributeName value:mutParaStyle range:NSMakeRange(0,[text length])];
return as;
}
CGFloatを返すこのデリゲートメソッドを実装できます。
- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component
これはピッカービューで呼び出され、行の幅を決定します。
1つの下でも正常に動作しています-
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
UILabel *lbl = [[UILabel alloc] initWithFrame:CGRectMake(0.0f, 0.0f, [pickerView rowSizeForComponent:component].width, [pickerView rowSizeForComponent:component].height)];
lbl.text = [reservePickerArray objectAtIndex:row];
lbl.adjustsFontSizeToFitWidth = YES;
lbl.textAlignment=UITextAlignmentCenter;
lbl.font=[UIFont systemFontOfSize:20];
return lbl;
}
乾杯!!
覚えておいてください
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
実際にはUITableViewCellなので、次のように操作できます。
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
static NSString *cellIdentifier = @"pickerViewCell";
UITableViewCell *cell = (UITableViewCell*)view;
if(cell==nil)
{
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier] autorelease];
/** customize the cell **/
}
/** set the label **/
cell.textLabel.text = [dataSource objectAtIndex:row];
return cell;
}
幅をビューの幅に設定するだけで、テキストは自動的に中央に配置されます。
- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component {
return self.view.bounds.size.width;
}
この質問にはSwiftのタグが付けられていませんが、誰かがSwift 3.0バージョンを探している場合に備えて、こちらにあります。
/* Called by the picker view when it needs the view to use for a given row in
a given component. If the previously used view (the view parameter) is adequate,
return that. If you return a different view, the previously used view is
released. The picker view centers the returned view in the rectangle for row.
*/
func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
var label = UILabel(frame: CGRect(x: CGFloat(0), y: CGFloat(0), width: CGFloat(300), height: CGFloat(37)))
let booking = self.bookingInfo[row] //bookingInfo is an array of elements
label.text = String(booking.BookingNumber) + String(booking.DateAndTime)
label.textAlignment = .left
return label
}
James BoutcherをSwift 5.に近代化しました。5。OPがattributedTitleForRowで直接帰属を行っている間に事前計算します。
pickerData = pickerData.map {
let ps = NSMutableParagraphStyle()
ps.alignment = .center;
let paraAttributes:[NSAttributedString.Key : Any] = [ NSAttributedString.Key.paragraphStyle: ps]
let res = NSMutableAttributedString(attributedString: $0)
res.addAttributes(paraAttributes, range: NSRange(location: 0, length: res.length))
return res
}
この1行のコードが欠けていることに気づくまでに長い時間がかかりました。
pickerView.autoresizingMask = .flexibleWidth