ios16--自定义控件1

k控制器:

//
//  XMGViewController.h

#import <UIKit/UIKit.h>

@interface XMGViewController : UIViewController

@end
//
//  XMGViewController.m

#import "XMGViewController.h"
#import "XMGShop.h"
#import "XMGShopView.h"

@interface XMGViewController ()

// 购物车
@property (weak, nonatomic) IBOutlet UIView *shopCarView;
// 添加按钮
@property (weak, nonatomic) IBOutlet UIButton *addButton;
// 删除按钮
@property (weak, nonatomic) IBOutlet UIButton *removeButton;

/** 数据数组 */
@property (nonatomic, strong) NSArray *dataArr;
@end

@implementation XMGViewController
/**
 *  懒加载
 */
- (NSArray *)dataArr{
    if (_dataArr == nil) {
        // 加载数据
        // 1.获取全路径
        NSString *dataPath = [[NSBundle mainBundle] pathForResource:@"shopData.plist" ofType:nil];
        self.dataArr = [NSArray arrayWithContentsOfFile:dataPath];
        // 字典转模型
        // 创建临时数组
        NSMutableArray *tempArray = [NSMutableArray array];
        for (NSDictionary *dict in self.dataArr) {
            // 创建shop对象
            XMGShop *shop = [XMGShop shopWithDict:dict];
            // 把模型装入数组
            [tempArray addObject:shop];
        }
        self.dataArr = tempArray;
    }
    return _dataArr;
}

// 初始化数据
- (void)viewDidLoad {
    [super viewDidLoad];
}

/**
 *  添加到购物车
 *
 *  @param button 按钮
 */
- (IBAction)add:(UIButton *)button {
/***********************1.定义一些常量*****************************/
    // 1.总列数
    NSInteger allCols = 3;
    // 2.商品的宽度 和 高度
    CGFloat width = 80;
    CGFloat height = 100;
    // 3.求出水平间距 和 垂直间距
    CGFloat hMargin = (self.shopCarView.frame.size.width - allCols * width) / (allCols -1);
    CGFloat vMargin = (self.shopCarView.frame.size.height - 2 * height) / 1;
    // 4. 设置索引
    NSInteger index = self.shopCarView.subviews.count;
    // 5.求出x值
    CGFloat x = (hMargin + width) * (index % allCols);
    CGFloat y = (vMargin + height) * (index / allCols);

/***********************2.创建一个商品*****************************/
    /*
     原来的分开创建:
  // 1.创建商品的view
    UIView *shopView = [[UIView alloc] init];

  // 2.设置frame
    shopView.frame = CGRectMake(x, y, width, height);

  // 3.设置背景颜色
    shopView.backgroundColor = [UIColor greenColor];

  // 4.添加到购物车
    [self.shopCarView addSubview:shopView];

  // 5.创建商品的UIImageView对象
    UIImageView *iconView = [[UIImageView alloc] init];
    iconView.frame = CGRectMake(0, 0, width, width);
    iconView.backgroundColor = [UIColor blueColor];
    [shopView addSubview:iconView];

  // 6.创建商品标题对象
    UILabel *titleLabel = [[UILabel alloc] init];
    titleLabel.frame = CGRectMake(0, width, width, height - width);
    titleLabel.backgroundColor = [UIColor yellowColor];
    titleLabel.textAlignment = NSTextAlignmentCenter; // 居中
    [shopView addSubview:titleLabel];
     */

    XMGShopView *shopView = [[XMGShopView alloc] init];
    shopView.frame = CGRectMake(x, y, width, height);
    [self.shopCarView addSubview:shopView];

/***********************3.设置数据*****************************/
    // 设置数据
    XMGShop *shop = self.dataArr[index];
    shopView.iconView.image = [UIImage imageNamed:shop.icon];
    shopView.titleLabel.text = shop.name;

/***********************4.设置按钮的状态*****************************/

    button.enabled = (index != 5);

    // 5.设置删除按钮的状态
    self.removeButton.enabled = YES;

}

/**
 *  从购物车中删除
 *
 *  @param button 按钮
 */
- (IBAction)remove:(UIButton *)button {
    // 1. 删除最后一个商品
    UIView *lastShopView = [self.shopCarView.subviews lastObject];
    [lastShopView removeFromSuperview];

    // 3. 设置添加按钮的状态
    self.addButton.enabled = YES;

    // 4. 设置删除按钮的状态
    self.removeButton.enabled = (self.shopCarView.subviews.count != 0);

}
@end

自定义控件;

//
//  XMGShopView.h

#import <UIKit/UIKit.h>

@interface XMGShopView : UIView
/** 图片控件 */
@property (nonatomic, weak) UIImageView *iconView;// [self addSubview:iconView];已经有强指针引用了,这里用weak
/** 标题控件 */
@property (nonatomic, weak) UILabel *titleLabel;
@end
//
//  XMGShopView.m

#import "XMGShopView.h"

@interface XMGShopView ()

@end

@implementation XMGShopView

/**
 *  初始化子控件(不要设置frame,获取的宽度高度是0,在layoutSubviews可以拿到)
 *
 */
- (instancetype)init{
    if (self = [super init]) {
        /*
        // 0.获取当前控件的尺寸
        CGFloat width = self.frame.size.width;
        CGFloat height = self.frame.size.height; //

        NSLog(@"init:%f----%f", width, height);
        */
        // 1.创建商品的UIImageView对象
        UIImageView *iconView = [[UIImageView alloc] init];
//        iconView.frame = CGRectMake(0, 0, width, width);
        iconView.backgroundColor = [UIColor blueColor];
        [self addSubview:iconView];
        self.iconView = iconView;

        // 2.创建商品标题对象
        UILabel *titleLabel = [[UILabel alloc] init];
//        titleLabel.frame = CGRectMake(0, width, width, height - width);
        titleLabel.backgroundColor = [UIColor yellowColor];
        titleLabel.textAlignment = NSTextAlignmentCenter; // 居中
        [self addSubview:titleLabel];//强指针引用了
        self.titleLabel = titleLabel;//titleLabel变成全局的,不然layoutSubviews()方法里面获取不到,
    }
    return self;
}

/**
 *  布局子控件(可以拿到frame)
 */
- (void)layoutSubviews{
    // 0.一定要调用super,保留父类系统的布局。否则父类的布局就没了。
    [super layoutSubviews];

    // 1.获取当前控件的尺寸
    CGFloat width = self.frame.size.width;//这个frame是从外面shopView.frame = CGRectMake(x, y, width, height);获取的
    CGFloat height = self.frame.size.height;

    // 2.设置子控件的frame
     self.iconView.frame = CGRectMake(0, 0, width, width);
     self.titleLabel.frame = CGRectMake(0, width, width, height - width);
}

@end

bean:

//
//  XMGShop.h

#import <Foundation/Foundation.h>

@interface XMGShop : NSObject

/** 图片的名称 */
@property (nonatomic, copy) NSString *icon;
/** 商品的名称 */
@property (nonatomic, copy) NSString *name;

// 提供构造方法
/*
- (instancetype)initWithIcon: (NSString *)icon name: (NSString *)name;
+ (instancetype)shopWithIcon: (NSString *)icon name: (NSString *)name;
 */

- (instancetype)initWithDict:(NSDictionary *)dict;
+ (instancetype)shopWithDict:(NSDictionary *)dict;

@end
//
//  XMGShop.m

#import "XMGShop.h"

@implementation XMGShop
/*
- (instancetype)initWithIcon:(NSString *)icon name:(NSString *)name{
    if (self = [super init]) {
        self.icon = icon;
        self.name = name;
    }
    return self;
}

+ (instancetype)shopWithIcon:(NSString *)icon name:(NSString *)name{
    return [[self alloc] initWithIcon:icon name:name];
}
 */

- (instancetype)initWithDict:(NSDictionary *)dict{
    if (self = [super init]) {
        self.icon = dict[@"icon"];
        self.name = dict[@"name"];
    }
    return self;
}

+ (instancetype)shopWithDict:(NSDictionary *)dict{
    return [[self alloc] initWithDict:dict];
}

@end
时间: 2024-10-12 21:08:30

ios16--自定义控件1的相关文章

winform 自定义控件的使用

c#的自定义控件还是很方便的,至少相对于c++而言. 1,当然是建立一个windows 窗体空间库,我这里就是用vs 2015 ,工程名MyControl 第二步.在自定义空间窗体内,拖放这样一组空间.我们发送编辑框的内容给父窗体,然后接受父窗体的发送的内容,显示到listbox 中. 这里会看到我使用了委托和事件,其实,刚入门的我,对于c#里的委托和事件 理解的并不深刻.看到很多地方再用.感觉和c++ 的回调很相似.这里就不纠结了, 后面慢慢理解吧.我们通过委托将子窗体的内容发送到主窗体. n

WPF自定义控件与样式(11)-等待/忙/正在加载状态-控件实现

一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要有三种实现方式: 简单忙碌状态控件BusyBox: Win8/win10效果忙碌状态控件ProgressRing: 弹出异步等待框WaitingBox: 二.简单忙碌状态控件BusyBox 效果图: 通过属性"IsActive"控制控件是否启用,后台C#代码: /// <summary> /

自定义控件和使用的两种基本方法

有时需要一些组合起来的功能性强的控件,为了以后复用简单,还是自己自定义比较方便. 这里以一个自定义的导航栏为例子,在MainActivity里面使用这个控件. 方法一: 设计并编写自定义控件的布局文件,然后在其他布局文件中include. title的布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android

自定义控件学习——防qq侧滑栏

效果 主要步骤: 1. 在xml布局里摆放内容. include    2. 在自定义ViewGroup里, 进行measure测量, layout布局    3. 响应用户的触摸事件    4. int scrollX = (int) (downX - moveX);    5. getScrollX()获取当前滚动到的位置    6. 平滑动画 先看布局 layout_left <?xml version="1.0" encoding="utf-8"?&g

手机卫士11_ 自定义控件_缓存清理_病毒库更新

拷贝安卓源码中的逻辑,可以考虑先创建一个小项目实现以下效果 1,病毒数据库的自动更新(连接网络,然后获取特征码保存到数据库?) ①工程师发现病毒apk,获取到它的特征码发布到服务器上 通过 MD5 或者ASH1获取特征码 ②客户端杀毒软件下载特征码(可能是 JSON串)到本地客户端 (在打开软件的时候还是打开查杀界面的时候?其实都不适合,应该开启一个服务去定期更新数据库,访问病毒更新特征码地址) 定期更新,timer和timertask,一般一个小时更新一次(测试的时候写短一点) 连接服务器:U

自定义控件一般步骤

自定义组合控件的过程 1.自定义一个View 一般来说,继承相对布局,或者线性布局  ViewGroup:   2.实现父类的构造方法.一般来说,需要在构造方法里初始化自定义的布局文件:    3.根据一些需要或者需求,定义一些API方法: ----------------------------------   4.根据需要,自定义控件的属性,可以参照TextView属性: 5.自定义命名空间,例如: 使用eclipse需添加如下命名空间     xmlns:自定义名称=http://sche

iOS 自定义控件

关于UIToolbar,UINavigationController,UINavigationBar,UIBarButtonItem在ios7的使用的简单的介绍,经过搜索资料做了如下的一些汇集 ----------------------------UIBarButtonItem---------------------------- 1:  UIBarButtonItem 隐藏的方式 [self.btnPunctuation setWidth:0]; 2:  UIBarButtonItem 获

Vs自定义控件设计第一例(直线控件的设计)

目录 一. 杨老师是个热情的人 二. 开始喽 三. 还需要些解释什么吗 四. OK了吗 五.最终代码 一.杨老师是个热情的人 我们的项目开源有一段时间了,我一直以为我有一个很不错的胸怀把自己花了很多精力做出来的项目贡献出来了,我以为同学们会很开心,会像“一个饥饿的人看到面包”一样的扑到了我的项目代码上面快乐的研究起来,但是事实上我们的群里面却异常的冷清.我想应该是大家都还在研究代码来不及说话或者是不爱说话吧,直到今天杨老师给我打电话,说了一些情况,似乎是说大家还不太懂数据库等等,我才知道是我错了

Web用户自定义控件

在新建项的时候,选择Web用户控件,可用来自定义自己的控件,做好后,直接拖到页面即可使用自定义控件与WEB交互,需要在 自定义控件里面 写 属性,如: public string CityID { get { return this.DropDownList1.SelectedValue; } set{ this.DropDownList1.SelectedValue = value;} } 在外面调用的时候如下即可: Label1.Text = this.City1.CityID; 自定义样式

自定义控件三部曲视图篇(三)——瀑布流容器WaterFallLayout实现

前言:只要在前行,梦想就不再遥远 系列文章: Android自定义控件三部曲文章索引:http://blog.csdn.net/harvic880925/article/details/50995268 前面两节讲解了有关ViewGroup的onMeasure.onLayout的知识,这节我们深入性地探讨一下,如何实现经常见到的瀑布流容器,本节将实现的效果图如下: 从效果图中可以看出这里要完成的几个功能: 1.图片随机添加 2.在添加图片时,总是将新图片插入到当前最短的列中 3.每个Item后,