移动周分享-第52期

移动组周技术分享

Swift 的 Playground 学习

我们一开始知道 Playground，也知道然后查看一些变量及变量的历史记录。偶尔还知道可以做视图甚至动画展示但是，现在，你特么看到的是 MarkDown 语法，有没有。

参考文献

使用优势

  • 快速学习swift
  • 快速测试代码效果
  • 验证API
  • 富文本注释

如下所有案例使用Xcode7下加载playground文件，可预览效果
文件下载链接

变量

至上而下执行，显示变量的当前值及历史记录的变化。

1
2
3
4
5
6
7
8
9
var name = "杨志"
name += "平"
// playground下预览

var graph = 0.0
for i in 0...100 {
    graph = sin(Double(i)/10.0)
    // playground下预览
}

UI视图

简单显示UI的基础元素

1
2
3
4
5
6
7
8
9
10
11
let redView = UIView(frame:CGRectMake(0,0,100,100))
redView.backgroundColor = UIColor.redColor()
redView.layer.cornerRadius = 20
redView.layer.borderWidth = 3
redView.layer.borderColor = UIColor.whiteColor().CGColor

let circle = UIView(frame:CGRectMake(25,25,50,50))
circle.backgroundColor = UIColor.yellowColor()
circle.layer.cornerRadius = 80
redView.addSubview(circle)
// playground下预览

重头戏

动画展示 & 网络请求

这里需要对 XCPlayground 有一点了解，好像还对SpriteKit做了支持文章连接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
// 这个库需要import
import XCPlayground

let containerView = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 480))
containerView.backgroundColor = UIColor.yellowColor()
XCPlaygroundPage.currentPage.liveView = containerView

let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
view.center = CGPoint(x: containerView.center.x, y: containerView.center.y-100)
view.backgroundColor = UIColor.redColor()
containerView.addSubview(view)

// playground下预览
UIView.animateWithDuration(3, delay: 0, usingSpringWithDamping: 0.1, initialSpringVelocity: 6, options: UIViewAnimationOptions.CurveEaseInOut, animations: {
        view.center.y += 100
    }, completion:{ (animation: Bool) in
        view.center.y -= 100
    }
)

// 异步操作：网络在家图片
// 旧接口：XCPSetExecutionShouldContinueIndefinitely(true)
XCPlaygroundPage.currentPage.needsIndefiniteExecution = true

let url = NSURL(string: "https://avatars1.githubusercontent.com/u/5317671?v=3&s=460")!
let task = NSURLSession.sharedSession().dataTaskWithURL(url) {
    data, _, _ in
    let image = UIImage(data: data!)
    // playground下预览
}
task.resume()


// 快速检查API接口
let url2 = NSURL(string: "http://www.test.51offer.com/mobile/abroad/query_school_by_name?name=%E4%B8%80")!
let task2 = NSURLSession.sharedSession().dataTaskWithURL(url2) {
    data, _, _ in
    let str = String(NSString(data: data!, encoding: NSUTF8StringEncoding))
    // playground下预览
}
task2.resume()

结构介绍

  • sources

    我们直接在 Playground 上面写代码，然后编译器会实时编译我们代码，并将结果显示出来。但是效率很低，source的作用就可以发挥出来

  • resources

    可以作为sandbox使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 直接使用PicButton 这个class.
// 注意点：PicButton的类及初始化方法必须是public的

let btn = PicButton(frame: CGRectMake(0,0,200,100))
// playground下预览


// 如上述：在resources中放入jpg图片，加载本地资源

if let path = NSBundle.mainBundle().pathForResource("swift-playground", ofType: "jpg") {
    let image = UIImage(contentsOfFile:path)
    let imageView = UIImageView(image: image)
        // playground下预览
}

Android APP开发设计模式 - 王胜

MVC(Standard Android)

  • 目录结构

    android-mvc

    • Weather

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      public class Weather {
          private String date;//日期
          private String textDay;//白天天气
          private String textNight;//夜晚天气
          private String high;//最高气温
          private String low;//最低气温

          public String getDisplay() {
              StringBuilder sb = new StringBuilder();
              sb.append(date);
              sb.append("\t");
              sb.append("白天:");
              sb.append(textDay);
              sb.append(", ");
              sb.append("夜晚:");
              sb.append(textNight);
              sb.append(", ");
              sb.append("最高气温:");
              sb.append(high);
              sb.append(", ");
              sb.append("最低气温:");
              sb.append(low);
              return sb.toString();
          }
          
          // setter and getter
          ......
      }

  • WeatherActivity

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
      public class WeatherActivity extends AppCompatActivity {
       private ListView lv;
       private LinearLayout llLoading;

       @Override
       protected void onCreate(@Nullable Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_weather);
           lv = (ListView) findViewById(R.id.lv);
           llLoading = (LinearLayout) findViewById(R.id.ll_loading);
           loadData();
       }
    	
       private void loadData() {
           HttpEngine.get(Constants.API_WEATHER, new HttpEngine.JSONRequestCallback() {
               @Override
               public void onFailed(Call call, Exception e) {
                   if (call.request().url().url().toString().equals(Constants.API_WEATHER)) {
                       Log.e(WeatherActivity.class.getSimpleName(), e.getMessage());
                       Toast.makeText(WeatherActivity.this, "Get data failed!", Toast.LENGTH_LONG).show();
                       llLoading.setVisibility(View.GONE);
                   }
               }
    	
               @Override
               public void onSuccess(Call call, JSONObject jsonResult) {
                   if (call.request().url().url().toString().equals(Constants.API_WEATHER)) {
                       try {
                           JSONArray jsonArray = jsonResult.getJSONArray("results").getJSONObject(0).getJSONArray("daily");
                           Gson gson = new GsonBuilder().setFieldNamingPolicy(FieldNamingPolicy.LOWER_CASE_WITH_UNDERSCORES).create();
                           final List<Weather> data = gson.fromJson(jsonArray.toString(), new TypeToken<List<Weather>>(){}.getType());
                           WeatherAdapter adapter = new WeatherAdapter(WeatherActivity.this, data);
                           lv.setAdapter(adapter);
                           llLoading.setVisibility(View.GONE);
                           lv.setVisibility(View.VISIBLE);
                       } catch (JSONException e) {
                           Log.e(WeatherActivity.class.getSimpleName(), e.getMessage());
                           Toast.makeText(WeatherActivity.this, "Get data failed!", Toast.LENGTH_LONG).show();
                       }
                   }
               }
           });
       }
    }

MVP

  • 目录结构

    android-mvp

    • Weather 同上

    • IWeatherView && WeatherActivity

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      41
      42
      43
      44
        public interface IWeatherView {
          /**
           * 刷新天气列表
           * @param data
           */
          void refreshWeatherList(List<Weather> data);
      	
          /**
           * 显示错误信息
           * @param e
           */
          void showErrorInfo(Exception e);
      }

      public class WeatherActivity extends AppCompatActivity implements IWeatherView{
          private ListView lv;
          private LinearLayout llLoading;
          private WeatherPresenter mWeatherPresenter;
      	
          @Override
          protected void onCreate(@Nullable Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_weather);
              lv = (ListView) findViewById(R.id.lv);
              llLoading = (LinearLayout) findViewById(R.id.ll_loading);
              mWeatherPresenter = new WeatherPresenter(this);
              mWeatherPresenter.getWeatherList();
          }
      	
          @Override
          public void refreshWeatherList(List<Weather> data) {
              WeatherAdapter adapter = new WeatherAdapter(WeatherActivity.this, data);
              lv.setAdapter(adapter);
              llLoading.setVisibility(View.GONE);
              lv.setVisibility(View.VISIBLE);
          }
      	
          @Override
          public void showErrorInfo(Exception e) {
              Log.e(WeatherActivity.class.getSimpleName(), e.getMessage());
              Toast.makeText(WeatherActivity.this, "Get data failed!", Toast.LENGTH_LONG).show();
              llLoading.setVisibility(View.GONE);
          }
      }

    • WeatherPresenter

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
        public class WeatherPresenter {
          private IWeatherView mWeatherView;
      	
          public WeatherPresenter(@NonNull IWeatherView view) {
              this.mWeatherView = view;
          }
      	
          /**
           * 通过网络请求获取天气列表数据
           */
          public void getWeatherList() {
              HttpEngine.get(Constants.API_WEATHER, new HttpEngine.JSONRequestCallback() {
                  @Override
                  public void onFailed(Call call, Exception e) {
                      if (call.request().url().url().toString().equals(Constants.API_WEATHER)) {
                          mWeatherView.showErrorInfo(e);
                      }
                  }
      	
                  @Override
                  public void onSuccess(Call call, JSONObject jsonResult) {
                      if (call.request().url().url().toString().equals(Constants.API_WEATHER)) {
                          try {
                              JSONArray jsonArray = jsonResult.getJSONArray("results").getJSONObject(0).getJSONArray("daily");
                              Gson gson = new GsonBuilder().setFieldNamingPolicy(FieldNamingPolicy.LOWER_CASE_WITH_UNDERSCORES).create();
                              List<Weather> data = gson.fromJson(jsonArray.toString(), new TypeToken<List<Weather>>(){}.getType());
                              mWeatherView.refreshWeatherList(data);
                          } catch (JSONException e) {
                              mWeatherView.showErrorInfo(e);
                          }
                      }
                  }
              });
          }
      }