iPhone的九宫格实现代码(转)

最新推荐文章于 2025-08-11 14:49:46 发布

demigod2009

最新推荐文章于 2025-08-11 14:49:46 发布

阅读量865

点赞数

分类专栏： --IPhone 文章标签： iphone image action

--IPhone 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用图片堆砌实现iPhone应用中九宫格布局的方法。通过创建按钮并设置图片、位置和点击事件，可以轻松实现九宫格界面，并展示了如何为UINavigationBar设置背景图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iPhone的九宫格实现代码

本文转载自：http://www.ieliwb.com/iphone-nine-box/

看到CocoaChina很多同学在问,其实很简单,我这是用图片堆砌实现的九宫格,分享如下:

效果图:

核心就这2个方法:

//Power by ieliwb.com
- ( void ) viewDidLoad {
   [ super viewDidLoad ] ;

   NSArray * imageNames = [ NSArray arrayWithObjects :
   @ " ico_mobile.png " ,
   @ " ico_idcard.png " ,
   @ " ico_postcode.png " ,
   @ " ico_flight.png " ,
   @ " ico_translate.png " ,
   @ " ico_phone.png " ,
   @ " ico_car.png " ,
   @ " ico_health.png " ,
   @ " ico_bjxm.png " , nil ] ;

   UIButton * Btn ;
   for ( int i = 0 ; i < 9 ; i ++ ) {
   CGRect frame ;
   Btn = [[ UIButton buttonWithType : UIButtonTypeCustom ] retain ] ;
   [ Btn setImage : [ UIImage imageNamed : [ imageNames objectAtIndex : i ]] forState : UIControlStateNormal ] ; //设置按钮图片

   Btn . tag = i ;

   frame . size . width = 59 ; //设置按钮坐标及大小
   frame . size . height = 75 ;
   frame . origin . x = ( i % 3 ) * ( 59 + 32 ) + 40 ;
   frame . origin . y = floor ( i / 3 ) * ( 75 + 24 ) + 40 ;
   [ Btn setFrame : frame ] ;

   [ Btn setBackgroundColor : [ UIColor clearColor ]] ;
   [ Btn addTarget : self action :@ selector ( btnPressed : ) forControlEvents : UIControlEventTouchUpInside ] ;
   [ self . view addSubview : Btn ] ;
   [ Btn release ] ;

   }

}

//响应按钮事件
- ( void ) btnPressed : ( id ) sender {
   UIButton * Btn = ( UIButton * ) sender ;
   int index = Btn . tag ;

   switch ( index ) {
   case 0 :
   if ( mobileController == nil )
   mobileController = [[ MobileController alloc ] init ] ;
   [ self . navigationController pushViewController : mobileController animated : YES ] ;
   break ;
   //其他几个控制器类似
   }

}

九宫格背景修改可以这样实现:

- ( void ) loadView {
   UIImageView * contentView = [[ UIImageView alloc ] initWithFrame : [[ UIScreen mainScreen ] applicationFrame ]] ;
   [ contentView setImage : [ UIImage imageNamed :@ " subview_9_bg.png " ]] ;
   [ contentView setUserInteractionEnabled : YES ] ;
   self . view = contentView ;
   [ contentView release ] ;
}

UINavigationBar背景图片可以这样实现:

@ implementation UINavigationBar ( CustomImage )
- ( void ) drawRect : ( CGRect ) rect {
UIImage * image = [ UIImage imageNamed : @ " top_bg.png " ] ;
[ image drawInRect : CGRectMake ( 0 , 0 , self . frame . size . width , self . frame . size . height )] ;
}
@ end