AI 助理
备案控制台
开发者社区 云计算 文章 正文

实战项目：通讯录 UI—第十一天

2015-10-08 911
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：  1、推出视图的两种方式： 1.通过导航控制器push到下一个界面,使用pop返回到上一个界面 2.通过模态的形式推出视图，不需要依赖于导航控制器,通过使用present到下一个界面，通过dismiss返回到上一个界面 如何选择使用哪种视图的推出方法？ 秘诀:看视图之间的依赖关系 1.
 1、推出视图的两种方式：
 1.通过导航控制器push到下一个界面,使用pop返回到上一个界面
 2.通过模态的形式推出视图，不需要依赖于导航控制器,通过使用present到下一个界面，通过dismiss返回到上一个界面
 如何选择使用哪种视图的推出方法？
 秘诀:看视图之间的依赖关系
 1.当下一个页面要展示的数据依赖于上一个界面使用push
 2.当上一个界面依赖于下一个界面的数据时使用present
2、当前一个界面要展示的数据，依赖于后一个界面时，此时使用模态的形式推出视图，模态：是一种新的视图推出方式
图片素材：       实战项目：通讯录 <wbr>UI第十一天

通讯录实战所需素材： http://pan.baidu.com/s/1o6nFol8
———————————————————————————————
ContactListTableViewController.m
#import "ContactListTableViewController.h"
#import "AddContactViewController.h"
#import "DetailContactController.h"
#import "CustomCell.h"
#import "Contacter.h"
- (void)viewDidLoad {
    [super viewDidLoad];
    [self configureNavigatinControllerBarContent];
}

//配置导航条的内容
- (void)configureNavigatinControllerBarContent{
    //设置title
    self.navigationItem.title = @"通讯录";
    //设置左边添加联系人按钮
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"add_contact"]style:(UIBarButtonItemStylePlain) target:self action:@selector(handleAdd: )];
    self.navigationItem.leftBarButtonItem = leftItem;
        //配置导航条的背景颜色
    self.navigationController.navigationBar.barTintColor = [UIColor orangeColor];
    //配置导航条内容的颜色
    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    //修改title的字体颜色
    NSDictionary *dic = @{NSForegroundColorAttributeName : [UIColor whiteColor]};
   
    self.navigationController.navigationBar.titleTextAttributes = dic;
    //右侧导航条为编辑按钮
    self.navigationItem.rightBarButtonItem = self.editButtonItem;
  
}
#pragma mark 添加联系人按钮的方法
- (void)handleAdd: (UIBarButtonItem *)leftItem{
    NSLog(@"添加联系人");
    //当前一个界面要展示的数据，依赖于后一个界面时，此时使用模态的形式推出视图，模态：是一种新的视图推出方式
    //先创建要推出的试图控制器对象
    AddContactViewController *addVC =[[AddContactViewController alloc]init];
   
   //给模态出来的视图控制添加导航控制器
    UINavigationController *navogationVC = [[UINavigationController alloc]initWithRootViewController:addVC];
   
    //配置模态出现的样式
    navogationVC.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal;
   
    //UIModalTransitionStyleCoverVertical = 0,
    //UIModalTransitionStyleFlipHorizontal,
    //UIModalTransitionStyleCrossDissolve,
   //UIModalTransitionStylePartialCurl
   
    //模态不依赖于导航控制器，所以不需要拿到导航控制器
    [self presentViewController:navogationVC animated:YES completion:^{
       //推出视图之后要做的一些操作，可以写在这里 
    }];
   
    [addVC release];
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Table view data source
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 10;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *idntifer = @"cell";
   CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:idntifer];
    if (cell == nil) {
        cell = [[CustomCell alloc]initWithStyle:(UITableViewCellStyleValue1) reuseIdentifier:idntifer];
    }
    //准备一个字典，使用给Model对象赋值
    NSDictionary *dic = @{@"name":@"小韩哥",@"gender'":@"女",@"age":@"18",@"says":@"我爱编程",@"phone":@"7788521",@"imageName":@"1.png"};
//给model类赋值Contecter
    Contacter *contacter = [[Contacter alloc]init];
    contacter.name = dic[@"name"];
   
    //使用KVC赋值
    [contacter setValuesForKeysWithDictionary:dic];
   
    cell.photoView.image = contacter.image;
    cell.nameLabel.text = contacter.name;
    cell.phoneLabel.text = contacter.phone;
    
//    NSLog(@"%@- %@-%@-%@-%@-%@",contacter.name,contacter.age,contacter.gender,contacter.phone,contacter.says,contacter.image);//打印看是否取到Model数据的value值
    return cell;
}
#pragma mark 点击cell触发事件
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
   DetailContactController *detailVC = [[DetailContactController alloc]init];
    [self.navigationController pushViewController:detailVC animated:YES];
    [detailVC release];
}
//通过代理返回cell的行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
   return 90;
}
——————————————————————————————————
添加联系人：
AddContactViewController.m
#import "AddContactViewController.h"
#import "CustomView.h"
@interface AddContactViewController ()<</span>UIActionSheetDelegate,UIImagePickerControllerDelegate,UINavigationControllerDelegate>
@property(nonatomic,retain)CustomView *aview;
@end

@implementation AddContactViewController
- (void)dealloc{
    self.aview = nil;
    [super dealloc];
}
- (void)loadView{
    self.aview = [[CustomView alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.view = self.aview;
    [self.aview release];
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor cyanColor];
    [self configureNavigationBarContent];
    //调用手势方法
    [self addTapGesture];
   
}
//给aImageView 视图添加轻拍手势
- (void)addTapGesture{
    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTap : )];
   
    [self.aview.aImageView addGestureRecognizer:tap];
    [tap release];
}
//实现轻拍手势的方法
- (void)handleTap : (UITapGestureRecognizer *)tap{
//添加ActionSheet控件 提示选项框
    UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"拍照" otherButtonTitles:@"从手机中选择", nil];
    //在当前界面显示actionSheet对象
    [actionSheet showInView:self.view];
    [actionSheet release];
}
- (void)actionSheet:(UIActionSheet *)actionSheet clickeonAtIndex:(NSInteger)buttonIndex{
    switch (buttonIndex) {
        case 0:
            //拍照
            NSLog(@"拍照");
            [self pickerPictureFromCamera];
            break;
            case 1:
            //从相册中读取照片
            NSLog(@"从相册中读取照片");
            [self pickerPictureFormPhotoAlbum];
            break;
        default:
            break;
    }
}
//拍照
- (void)pickerPictureFromCamera{
    //判断前摄像头是否可以使用
BOOL isCameera = [UIImagePickerController isCameraDeviceAvailable:UIImagePickerControllerCameraDeviceFront];
//    UIImagePickerControllerCameraDeviceFront  前摄像头
//    UIImagePickerControllerCameraDeviceRear  //后摄像头
    if (!isCameera) {
        NSLog(@"没有摄像头可以使用");
        return;
    }
    //初始化图片选择控制器对象
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片选择器选取图片的样式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置取出来的图片是否允许编辑
    imagePicker.allowsEditing = YES;
    //设置代理  
    imagePicker.delegate = self;   必须同时遵循 UIImagePickerControllerDelegate,UINavigationControllerDelegate  两个协议
    //把手机相机推出来
    [self presentViewController:imagePicker animated:YES completion:nil];
    [imagePicker release];
   }
//从相册中取出相片
- (void)pickerPictureFormPhotoAlbum{
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片格式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置允许编辑
    imagePicker.allowsEditing = YES;
    //设置代理
    imagePicker.delegate = self;
   
    [self presentViewController:imagePicker animated:YES completion:nil];
    [imagePicker release];
}
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{
    //从字典中取出编辑的key值，对应的照片
    self.aview.aImageView.image = [info objectForKey:UIImagePickerControllerEditedImage];
    //自己推出来的自己收回去
    [self dismissViewControllerAnimated:YES completion:nil];
}
//配置导航条
- (void)configureNavigationBarContent{
    self.navigationItem.title = @"添加联系人";
    //配置导航条背景颜色
    self.navigationController.navigationBar.barTintColor = [UIColor orangeColor];
    //配置内容页的渲染颜色
    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    //配置字体颜色
    NSDictionary *dic = @{NSForegroundColorAttributeName : [UIColor whiteColor]};
    self.navigationController.navigationBar.titleTextAttributes = dic;
   
    //左侧取消按钮
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"clsose"] style:(UIBarButtonItemStylePlain) target:self action:@selector(hanlBack : )];
   
    self.navigationItem.leftBarButtonItem = leftItem;
    //释放
    [leftItem release];
    //右侧保存按钮
   UIBarButtonItem *rightItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"doneR"] style:(UIBarButtonItemStylePlain) target:self action:@selector(handleSave : )];
  self.navigationItem.rightBarButtonItem = rightItem;   
}
#pragma mark 取消按钮的实现
- (void)hanlBack :  (UIBarButtonItem *)item{
    //返回上一级界面
    [self dismissViewControllerAnimated:YES completion:nil];
   
}
#pragma mark 保存按钮的实现
- (void)handleSave : (UIBarButtonItem *)item{
    //保存数据操作
    //保存数据后同样返回上一个界面
    [self dismissViewControllerAnimated:YES completion:nil];
}
添加联系人效果：

实战项目：通讯录 <wbr>UI第十一天

——————————————————————————————
详情界面：与上面添加联系人界面大同小异
DetailContactController.m
#import "DetailContactController.h"
#import "CustomView.h"
@interface DetailContactController ()<</span>UIActionSheetDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate>
@property(nonatomic,retain)CustomView *aView;
@end
@implementation DetailContactController
- (void)dealloc{
    self.aView = nil;
    [super dealloc];
}
- (void)loadView{
    self.aView = [[CustomView alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.view = self.aView;
    [self.aView release];
}
//控制self.aView 的交互事件方法
- (void)closeUserInteractionByBool : (BOOL)isTure{
    //根据传进来的参数决定self.aView交互是否打开
    self.aView.userInteractionEnabled = isTure;
   
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
//配置导航条的内容
    [self configureNavigationBarContent];
    //进来详情页面先不能编辑
    [self closeUserInteractionByBool:NO];
    //调用添加手势的方法
    [self addTapGesture];  
}
 //添加aImageView添加轻拍手势
- (void)addTapGesture{
   UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTap : )];
    [self.aView.aImageView addGestureRecognizer:tap];
    [tap release];
}
//实现轻拍手势的方法
- (void)handleTap :  (UITapGestureRecognizer *)tap{
    UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"拍照" otherButtonTitles:@"从手机中选择", nil];
    //当前界面显示actionSheet对象
    [actionSheet showInView:self.view];
    [actionSheet release];
   
}
- (void)actionSheet:(UIActionSheet *)actionSheet clickeonAtIndex:(NSInteger)buttonIndex{
    switch (buttonIndex) {
        case 0:
            [self  pickerPictureFromCamera];
            NSLog(@"没有摄像头可以使用");
            break;
            case 1:
            [self pickerPictureFromPhotoAlbum];
            break;
        default:
            break;
    }
}
//配置导航条的内容
- (void)configureNavigationBarContent{
    self.navigationItem.title = @"详情";
    //左侧配置编辑按钮
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"btn_backItem"] style:(UIBarButtonItemStylePlain) target:self action:@selector(handleBack:)];
    self.navigationItem.leftBarButtonItem = leftItem;
    [leftItem release];
    //配置右侧按钮
   self.navigationItem.rightBarButtonItem = self.editButtonItem;
}
//拍照
- (void)pickerPictureFromCamera{
    //判断前摄像头是否可以使用
    BOOL isCamera = [UIImagePickerController isCameraDeviceAvailable:UIImagePickerControllerCameraDeviceFront];
    if (!isCamera) {
        return;
    }
    //初始化图片是选择器对象
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片选择器选取图片的样式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置取出来的图片是否允许编辑
    imagePicker.allowsEditing  = YES;
    //设置代理
    imagePicker.delegate = self;
    //把手机相机推出来
    [self presentViewController:imagePicker animated:YES completion:nil];
    [imagePicker release];   
}
//从相册中取相片
- (void)pickerPictureFromPhotoAlbum{
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init];
    //设置图片格式
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    //设置是否允许编辑
    imagePicker.allowsEditing = YES;
    //设置代理
    imagePicker.delegate = self;
    [self presentViewController:imagePicker animated:YES completion:nil];
}
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{
    //从字典中取出编辑的key值，对应的照片
    self.aView.aImageView.image = [info objectForKey:UIImagePickerControllerEditedImage];
    //自己推出来自己收回去
    [self dismissViewControllerAnimated:YES completion:nil];
}
#pragma mark 重写编辑按钮的方法
- (void)setEditing:(BOOL)editing animated:(BOOL)animated{
    [super setEditing:editing animated:animated];
    //调用交互的方法
    //editing == YES  可以编辑 editing == NO 不可以编辑
    [self closeUserInteractionByBool:editing];
}
//实现back的方法
- (void)handleBack: (UIBarButtonItem *)back{
    //保存数据的方法
  
    //返回上一个界面
    [self.navigationController popViewControllerAnimated:YES];
}
详情界面编辑效果：

实战项目：通讯录 <wbr>UI第十一天

————————————————————————————————————
CustomCell 和CustomView  自定义cell和自定义视图布局不做详细介绍！
2、懒加载方法：
CustomCell.h
@property(nonatomic,retain)UIImageView *photoView;
@property(nonatomic,retain)UILabel *nameLabel;
@property(nonatomic,retain)UILabel *phoneLabel;
CustomCell.m
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        //布局操作写在这里
        [self.contentView addSubview:self.photoView];
        [self.contentView addSubview:self.nameLabel];
        [self.contentView addSubview:self.phoneLabel];     
    }
    return self;
}
//懒加载创建cell上的自定义控件
- (UIImageView *)photoView{
    if (_photoView == nil) {
        self.photoView = [[[UIImageView alloc]initWithFrame:CGRectMake(10, 5, 80, 80)]autorelease];
        self.photoView.layer.cornerRadius = 40.0;
        self.photoView.layer.masksToBounds = YES;
       self.photoView.backgroundColor = [UIColor brownColor];  
    }
    //添加安全机制
    return [[_photoView retain]autorelease];   注意：系统提供的持有对象有时也会crash所以retain再release更安全！
}
- (UILabel *)nameLabel{
    if (_nameLabel == nil) {
        self.nameLabel = [[[UILabel alloc]initWithFrame:CGRectMake(100, 18, 100, 25)]autorelease];
        self.nameLabel.backgroundColor = [UIColor brownColor];
        self.nameLabel.layer.cornerRadius = 7;
        self.nameLabel.layer.masksToBounds = YES;
    }
    return [[_nameLabel retain]autorelease];
}

- (UILabel *)phoneLabel{
    if (_phoneLabel == nil) {
        self.phoneLabel = [[[UILabel alloc]initWithFrame:CGRectMake(100, 48, 160, 25)]autorelease];
        self.phoneLabel.backgroundColor = [UIColor brownColor];
        self.phoneLabel.layer.cornerRadius = 7;
        self.phoneLabel.layer.masksToBounds = YES;
    }
    return [[_phoneLabel retain]autorelease];
}
——————————————————————————————————
欢迎学习本文，未经许可，禁止转载！
关键词：
UI实战
项目UI
UI项目
实战项目UI
UI amp
韩俊强
目录
相关文章
不吃核桃
|
5月前
|
API Android开发
Android项目架构设计问题之选择和使用合适的UI库如何解决
Android项目架构设计问题之选择和使用合适的UI库如何解决
不吃核桃
58 0
土木林森
|
5月前
|
vr&ar C# 图形学
WPF与AR/VR的激情碰撞：解锁Windows Presentation Foundation应用新维度，探索增强现实与虚拟现实技术在现代UI设计中的无限可能与实战应用详解
【8月更文挑战第31天】增强现实（AR）与虚拟现实（VR）技术正迅速改变生活和工作方式，在游戏、教育及工业等领域展现出广泛应用前景。本文探讨如何在Windows Presentation Foundation（WPF）环境中实现AR/VR功能，通过具体示例代码展示整合过程。尽管WPF本身不直接支持AR/VR，但借助第三方库如Unity、Vuforia或OpenVR，可实现沉浸式体验。例如，通过Unity和Vuforia在WPF中创建AR应用，或利用OpenVR在WPF中集成VR功能，从而提升用户体验并拓展应用功能边界。
土木林森
97 0
土木林森
|
5月前
|
开发者 Android开发 UED
打造流畅应用：深入探索如何在Xamarin项目中选择并实现最佳UI/UX设计的实践指南
【8月更文挑战第31天】在数字化时代，UI/UX设计成为应用成功的关键。Xamarin以高效开发和强大兼容性著称，其设计理念“一次编写，处处运行”需充分适应多平台特性，提供一致体验。选择Xamarin.Forms或结合Xamarin.Native可实现跨平台UI设计；遵循各平台设计指南，保持布局一致性和简洁性；通过用户测试不断优化。最终，结合技术和用户需求，打造美观实用的应用，脱颖而出。
土木林森
61 0
土木林森
|
5月前
|
前端开发 开发者 开发框架
JSF与Bootstrap，打造梦幻响应式网页！让你的应用跨设备，让用户爱不释手！
【8月更文挑战第31天】在现代Web应用开发中，响应式设计至关重要，以确保不同设备上的良好用户体验。本文探讨了JSF（JavaServer Faces）与Bootstrap框架的结合使用，展示了如何构建响应式网页。JSF是一个基于Java的Web应用框架，提供丰富的UI组件和表单处理功能；而Bootstrap则是一个基于HTML、CSS和JavaScript的前端框架，专注于实现响应式设计。通过结合两者的优势，开发者能够更便捷地创建自适应布局，提升Web应用体验。然而，这种组合也有其局限性，如JSF组件库较小和较高的学习成本等，因此在选择开发框架时需综合考虑具体需求和应用场景。
土木林森
59 0
朝阳39
|
6月前
|
前端开发 JavaScript
零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目
零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目
朝阳39
82 1
朝阳39
|
6月前
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
朝阳39
484 0
朝阳39
|
6月前
|
JavaScript BI UED
vue + element UI【实战】打字闯关（含按键监听、按键音效、字符匹配、动态样式、结果判定、数据统计、音效获取和剪辑等实用技巧）
vue + element UI【实战】打字闯关（含按键监听、按键音效、字符匹配、动态样式、结果判定、数据统计、音效获取和剪辑等实用技巧）
朝阳39
67 0
朝阳39
|
6月前
|
JavaScript
vue项目中升级element ui（含常见报错及解决方案，如表格不显示，el-table无效， “__v_isRef“ is not defined，Use :deep() instead）
vue项目中升级element ui（含常见报错及解决方案，如表格不显示，el-table无效， “__v_isRef“ is not defined，Use :deep() instead）
朝阳39
78 0
游客qf4jmczx4xu2y
|
2月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图：打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中，自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程，以及如何通过它们增强应用的用户体验。我们将从基础出发，逐步深入，最终让你能够自信地设计和实现专属的UI组件。
游客qf4jmczx4xu2y
54 4
小王老师呀
|
3月前
|
开发框架 JavaScript 前端开发
鸿蒙NEXT开发声明式UI是咋回事？
【10月更文挑战第15天】鸿蒙NEXT的声明式UI基于ArkTS，提供高效简洁的开发体验。ArkTS扩展了TypeScript，支持声明式UI描述、自定义组件及状态管理。ArkUI框架则提供了丰富的组件、布局计算和动画能力。开发者仅需关注数据变化，UI将自动更新，简化了开发流程。此外，其前后端分层设计与编译时优化确保了高性能运行，利于生态发展。通过组件创建、状态管理和渲染控制等方式，开发者能快速构建高质量的鸿蒙应用。
小王老师呀
159 3

热门文章

最新文章

  • 1
    「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
  • 2
    「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
  • 3
    「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具
  • 4
    「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
  • 5
    「Mac畅玩鸿蒙与硬件39」UI互动应用篇16 - 倒计时环形进度条
  • 6
    「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
  • 7
    「Mac畅玩鸿蒙与硬件37」UI互动应用篇14 - 随机颜色变化器
  • 8
    「Mac畅玩鸿蒙与硬件38」UI互动应用篇15 - 猜数字增强版
  • 9
    「Mac畅玩鸿蒙与硬件36」UI互动应用篇13 - 数字滚动抽奖器
  • 10
    「Mac畅玩鸿蒙与硬件32」UI互动应用篇9 - 番茄钟倒计时应用
  • 1
    Qt第一课 第一个ui界面
    111
  • 2
    如何启动flowable的Flowable UI画工作流程图
    135
  • 3
    Element-ui快速入门
    87
  • 4
    VUE里修改element-ui的显示层次与上下间隔
    148
  • 5
    UI开发第四篇——实现像handcent sms或者chomp sms那样的气泡
    45
  • 6
    Element-ui快速入门
    103
  • 7
    如何使用公网地址远程访问内网Nacos UI界面查看注册服务
    472
  • 8
    Android UI底层绘制原理
    70
  • 9
    【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
    211
  • 10
    【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
    247

    • 相关电子书

    更多
  • 使用TensorFlow搭建智能开发系统自劢生成App UI代码
  • Fusion Design - 企业级UI解决方案揭秘
  • 使用TensorFlow搭建智能开发系统自动生成App UI
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月