zoukankan      html  css  js  c++  java
  • TableView 中cell间的分割线(及其他控件间(内)的分割线)设置

    知识点:

    1、在应用开发中,tableView中自带的分割线满足不了开发需求;

    2、一些子空间中添加一些类似于分割线一样的东西等······

         补充知识点:导航条左侧或右侧的控件尽量靠近屏幕边缘设置

    需求:

    1、cell与cell之间需要一种白色的分割线;

    2、cell的左侧能有视图标记此cell是被选中的,如下图所示:

    实现方法:

    1、左侧的红色选中标记:

         (1)左侧添加一个红色背景色的view,并设置其尺寸位置约束如下图:

    (2)通过代码设置其显示或隐藏的状态:

    1 // 红色标记属性
    2 @property (weak, nonatomic) IBOutlet UIView *selectedIndicator;
    3 
    4 - (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    5     [super setSelected:selected animated:YES];
    6     
    7     // 设置其隐藏属性的值与选中状态相反
    8     self.selectedIndicator.hidden = !selected;
    9 }

    2、底部的分割线:

    方法1:在cell底部添加一个指定颜色(分割线的颜色)的view,如下图:

              尺寸及位置的约束见图;

              注意:此处标记红色,是为了方便大家能够看见;

     方法2:修改cell内contenView的尺寸,让其下部留出一条线的位置;

     方法3:重写cell的  "- (void)setFrame:(CGRect)frame"方法,让其cell的高度减1(具体见下面实例)。

    重写cell的  "- (void)setFrame:(CGRect)frame"方法距离拓展:

    需求:如下图

    实现:

    /**
     *  重写setframe方法,修改cell的尺寸和位置:分割线、距离左、右边一些距离
     */
    - (void)setFrame:(CGRect)frame
    {
        frame.origin.x = 5;      // 左右侧间距都为5
        frame.size.height -= 1;  // 高度减1
        frame.size.width -= 2*frame.origin.x; // 宽度减去两边的间距
        [super setFrame:frame];
    }

    补充知识点:导航条左侧或右侧的控件尽量靠近屏幕边缘设置

     1、自定义左右侧的子空间;

     2、设置子控件的内边距(contentEdgeInsets):如向左移动30

    btn.contentEdgeInsets = UIEdgeInsetsMake(0, -30, 0, 0);
  • 相关阅读:
    多姿多彩的线程
    字典操作
    字符串语法
    购物车
    列表常用语法
    整数划分问题
    计算N的阶层
    判断是否是素数
    快速排序
    冒泡排序
  • 原文地址:https://www.cnblogs.com/jfckliving/p/4676281.html
Copyright © 2011-2022 走看看