简单播放UI搭建

创建导航appDela中

 ViewController * con = [[ViewController alloc]init];
    UINavigationController * nav = [[UINavigationController alloc]initWithRootViewController:con];
    self.window.rootViewController = nav;

ViewController中

#import "ViewController.h"
#import "TablelsViewCell.h"
#import "BFController.h"
#import "SCController.h"
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>
{
    UITableView * _table;
    NSArray * arr;
    NSArray * arr1;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.title = @"全部歌曲";
    arr = @[@"我是歌手1",@"我是歌手2",@"我是歌手3",@"我是歌手4",@"我是歌手5"];
    arr1 = @[@"白小白",@"白白",@"白小",@"贝塔",@"小贝"];

    UIBarButtonItem *leftBarItem = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStylePlain target:self action:@selector(addblock:)];
    self.navigationItem.leftBarButtonItem = leftBarItem;
    [self.navigationItem.leftBarButtonItem setImage:[[UIImage imageNamed:@"bocks_03"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    
    UIBarButtonItem *rightBarItem = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStylePlain target:self action:@selector(addblockl:)];
    self.navigationItem.rightBarButtonItem = rightBarItem;
    [self.navigationItem.rightBarButtonItem setImage:[[UIImage imageNamed:@"bocks_03"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    
    _table = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStyleGrouped];
    _table.dataSource= self;
    _table.delegate =self;
    [self.view addSubview:_table];

}
-(void)addblock:(UIButton *)sender
{
    [self.navigationController popViewControllerAnimated:YES];
}
-(void)addblockl:(UIButton * )sender
{
    SCController * ss = [[SCController alloc]init];
    [self.navigationController pushViewController:ss animated:YES];
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
{
    return 5;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{
    static NSString * cellID = @"cell";
    TablelsViewCell * cell = [tableView dequeueReusableCellWithIdentifier:cellID];
    if (!cell)
    {
        cell = [[TablelsViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
    }
    cell.name.text = arr[indexPath.row];
    cell.Xname.text = arr1[indexPath.row];
    [cell.btn setBackgroundImage:[UIImage imageNamed:@"bocks_03"] forState:UIControlStateNormal];
    return cell;
}
-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    return nil;
}
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    return nil;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 80;
}
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    BFController * ssd = [[BFController alloc]init];
    [self.navigationController pushViewController:ssd animated:YES];
}

@end

TablelsViewCell.h中

#import <UIKit/UIKit.h>

@interface TablelsViewCell : UITableViewCell
@property(nonatomic,strong)UILabel * name;
@property(nonatomic,strong)UILabel * Xname;
@property(nonatomic,strong)UIButton * btn;
@end

TablelsViewCell.m中

#import "TablelsViewCell.h"

@implementation TablelsViewCell
-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])
    {
        [self addSubview:self.name];
        [self addSubview:self.Xname];
        [self addSubview:self.btn];
    }
    return self;
}
-(UILabel *)name
{
    if (!_name)
    {
        _name = [[UILabel alloc]initWithFrame:CGRectMake(10, 18, 100, 20)];
    }
    return _name;
}
-(UILabel * )Xname
{
    if (!_Xname)
    {
        _Xname = [[UILabel alloc]initWithFrame:CGRectMake(10, 43, 150, 20)];
    }
    return _Xname;
}
-(UIButton * )btn
{
    if (!_btn)
    {
        _btn = [[UIButton alloc]initWithFrame:CGRectMake(330, 35, 20, 20)];
    }
    return _btn;
}
@end

播放界面 BFController.m

#import "BFController.h"

@interface BFController ()

@end

@implementation BFController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    UIBarButtonItem *leftBarItem = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStylePlain target:self action:@selector(addblock:)];
    self.navigationItem.leftBarButtonItem = leftBarItem;
    [self.navigationItem.leftBarButtonItem setImage:[[UIImage imageNamed:@"bocks_03"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    
    UIImageView * iamgeg =[[UIImageView alloc]initWithFrame:CGRectMake(0, 40, self.view.frame.size.width, 470)];
    iamgeg.image = [UIImage imageNamed:@"nv"];
    [self.view addSubview:iamgeg];
    
    UIView * backcorl = [[UIView alloc]initWithFrame:CGRectMake(0, 470, self.view.frame.size.width, 220)];
    backcorl.backgroundColor = [UIColor blackColor];
    [self.view addSubview:backcorl];
    
    UIImageView * shang = [[UIImageView alloc]initWithFrame:CGRectMake(145, 520, 80, 80)];
    shang.image = [UIImage imageNamed:@"播放"];
    [self.view addSubview:shang];
    
    UIImageView * zuo = [[UIImageView alloc]initWithFrame:CGRectMake(70, 520, 70, 70)];
    zuo.image = [UIImage imageNamed:@"上一曲-3"];
    [self.view addSubview:zuo];
    
    UIImageView * you = [[UIImageView alloc]initWithFrame:CGRectMake(230, 520, 70, 70)];
    you.image = [UIImage imageNamed:@"上一曲-4"];
    [self.view addSubview:you];
    
}
-(void)addblock:(UIButton *)sender
{
    [self.navigationController popViewControllerAnimated:YES];
}
@end

SCController.m

#import "SCController.h"
#import "TablelsViewCell.h"
@interface SCController ()<UITableViewDelegate,UITableViewDataSource>
{
    UITableView * _table;
}
@end

@implementation SCController

- (void)viewDidLoad {
    [super viewDidLoad];
    UIBarButtonItem
    *leftBarItem = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStylePlain target:self action:@selector(addblock:)];
    self.navigationItem.leftBarButtonItem = leftBarItem;
    [self.navigationItem.leftBarButtonItem setImage:[[UIImage imageNamed:@"bocks_03"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    _table = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStyleGrouped];
    _table.dataSource= self;
    _table.delegate =self;
    [self.view addSubview:_table];

}
-(void)addblock:(UIButton *)sender
{
    [self.navigationController popViewControllerAnimated:YES];
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
{
    return 1;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{
    static NSString * cellID = @"cell";
    TablelsViewCell * cell = [tableView dequeueReusableCellWithIdentifier:cellID];
    if (!cell)
    {
        cell = [[TablelsViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
    }
    cell.name.text = @"我是歌手1";
    cell.Xname.text = @"白小白";
    [cell.btn setBackgroundImage:[UIImage imageNamed:@"bocks_03"] forState:UIControlStateNormal];
    return cell;
}
-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    return nil;
}
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    return nil;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 80;
}
@end