2. 程式人生 > >菜鳥流程-Touching App（2）- 設定介面

菜鳥流程-Touching App（2）- 設定介面

阿新 • • 發佈：2019-01-26

額，一不小心浪了幾天，這篇部落格會說說我寫設定介面時的程式碼過程，個人認為是這四個介面裡面最簡單的一個。但是，由於我和美工是第一次配合弄這個，所以還是遇到了幾個坑。
下面進入正題了。

一、介面元素分析

還是先看一下美工給我的圖。

設定介面

第一、我要吐槽的是，這個介面他是過了很久才給我的！！和他妹子去祖國北邊的大草原浪去了=。=
第二、我更要吐槽的是，相比於之前的介面，這個介面明顯差了點什麼。是的，沒有給資料。
不過，還好我堅持的是百分比繪圖，所以就目測了一下各個元件的長寬比，然後成功在坑爹的美工手上活了下來。

好了，說正經的，分析一下元素。
其實是把一個大的模組重複了四次，所以我們只分析第一塊，Items On Display，這個好了。
其實很簡單，都用不著自定義view。

一個TextView—>Items On Display
一個空白
一個TextView靠左，一個CheckBox靠右—>Temprature
一個TextView靠左，一個CheckBox靠右—>Humidity
一個TextView靠左，一個CheckBox靠右—>Co
一個TextView靠左，一個CheckBox靠右—>CO2
一個空白
一個橫線

下面的部分只需要重複以上步驟就好了。
另外需要考慮的是各個部分所佔長寬的大小，顯然，這個工作是我目測得到的，不過幸好最後感覺效果還闊以。

我分析之後的圖片權重分佈是這樣的：

、、、本來想做一張圖片，上面佈滿線條和數字來提高一下逼格的，不過有點晚了，我的xml程式碼我也懶得看了，權重資料就沒有。而且繪圖軟體只有畫圖和sai，用得都不熟練，暫且偷一回懶吧。

二、實現佈局

在我寫這篇部落格的時候，我學到了自定義屬性，組合控制元件這些知識，然而已經用不上了，程式碼已經寫好了，我也懶得改了，也許哪天心血來潮會改改，畢竟看上去要高大上一點。而目前的程式碼呢，基於上面那個片段是這樣的：

 <!-- 標題1 -->

        <TextView
            style="@style/zhuBiaooTi"
            android:layout_width
 
="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:text="Items On Display" />
        <!-- 標題1空白 -->

        <!-- <View
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#00ffffff" /> -->
        <!-- 標題1 副標題1 -->

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/fubiaoti11"
                style="@style/fuBiaooTi"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="  Temprature" 
                />

            <CheckBox
                android:id="@+id/check_temp"
                android:layout_width="25px"
                android:layout_height="25px"
                android:layout_alignParentRight="true"
                android:layout_marginRight="5dp"
                android:background="@drawable/checkbox_selector"
                android:button="@null"
                android:checked="true"
                android:gravity="center_vertical"
                  android:layout_centerVertical="true"
                 />
        </RelativeLayout>
        <!-- 標題1 副標題2 -->

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/fubiaoti12"
                style="@style/fuBiaooTi"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="  Humidity" />

            <CheckBox
                android:id="@+id/check_humi"
                android:layout_width="25px"
                android:layout_height="25px"
                android:layout_alignParentRight="true" android:layout_marginRight="5dp"
                android:background="@drawable/checkbox_selector"
                android:button="@null"
                android:checked="true"  android:layout_centerVertical="true"
                android:gravity="center_vertical" />
        </RelativeLayout>
        <!-- 標題1 副標題3 -->

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/fubiaoti13"
                style="@style/fuBiaooTi"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="  CO" />

            <CheckBox
                android:id="@+id/check_co"
                android:layout_width="25px"
                android:layout_height="25px"
                android:layout_alignParentRight="true" 
                android:layout_marginRight="5dp"    
          android:background="@drawable/checkbox_selector"
                android:button="@null"  
                 android:layout_centerVertical="true"
                android:gravity="center_vertical" />
        </RelativeLayout>
        <!-- 標題1 副標題4 -->

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/fubiaoti14"
                style="@style/fuBiaooTi"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="  CO2" />

            <CheckBox
                android:id="@+id/check_co2"
                android:layout_width="25px"
                android:layout_height="25px"
                android:layout_alignParentRight="true" 
                android:layout_marginRight="5dp"                    
             android:background="@drawable/checkbox_selector"
                android:button="@null"  
                 android:layout_centerVertical="true"
                android:gravity="center_vertical" />
        </RelativeLayout>
        <!-- 標題1 下方空白 -->

        <View
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#00ffffff" />
        <!-- 標題1 下方橫線 -->

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:orientation="vertical" >

            <View
                android:layout_width="fill_parent"
                android:layout_height="2dp"
                android:layout_gravity="top"
                android:background="#88ffffff" />
        </LinearLayout>

額，基本上是把每一行都放在了一個layout裡面，這樣是因為：
1、只有LinearLayout才有weight屬性，所以最外層用的LinearLayout。
2、我覺得RelativeLayout方便佈局一點，比如alignParentRight，marginLeft這種，所以每一層都用RelativeLayout包裹了一下。

具體的佈置呢，不難，瞟瞟程式碼就好了。

其中的checkBox的狀態用了美工提供的兩個圖片，xml是這樣 ：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true" android:drawable="@drawable/check_ed"></item>
    <item android:state_selected="true" android:drawable="@drawable/check_ed"></item>
    <item android:state_pressed="true" android:drawable="@drawable/check_ed"></item>
    <item android:state_selected="false" android:drawable="@drawable/check"></item>

</selector>

圖片在原始碼裡面有，感興趣的大大可以下載了去玩。

上面講了設定的主介面，也就是中間那一塊可以按的部分，我們還需要佈置一下頂部。
頂部是這樣的，有一個返回按鈕，一個DETAILS標題，一個下方的黑色外發光橫線，這樣一分析就感覺簡單了很多，具體的實現我也不說了，直接看程式碼。

<!-- 標題欄 -->

    <RelativeLayout
        android:id="@+id/biaoti_layout"
        android:layout_width="fill_parent"
        android:layout_height="142px"
        android:background="@drawable/mybiaoti_background" >

        <!-- 返回按鈕 -->
        <FrameLayout 
            android:id="@+id/backbutton_frame"
            android:layout_width="240px"
            android:layout_height="142px"
            >
             <ImageButton
            android:id="@+id/button_back"
            android:layout_width="15px"
            android:layout_height="25px"
            android:layout_gravity="center_vertical"
            android:scaleType="fitCenter"
            android:background="@drawable/back_buutton" />
             <ImageButton 
                 android:id="@+id/button_back_frontone"
                 android:layout_gravity="center_vertical"
                 android:layout_width="100px"
                 android:layout_height="60px"
                 android:background="#00ffffff"
                 />
        </FrameLayout>

        <!-- 標題文字 -->

        <TextView
            android:id="@+id/biaoti_text"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentLeft="true"
            android:gravity="center"
            android:text="DETAILS"
            android:textColor="#ffffffff" />
    </RelativeLayout>

如果大大們看的稍微認真一點，就會發現我的返回按鈕居然有兩個ImageButton，而且是放在了FrameLayout裡面，也就是一個覆蓋了另一個。。。

這是因為，有一個坑，叫做按鈕太小根本點不到。

美工忙於划船不靠漿，只好用這個方法了：

用一個透明的按鈕覆蓋在原來的按鈕上，當按鈕附近區域被按下時，透明按鈕的透明度降低，彷彿按鈕被按下一樣，就是這麼個道理~

最後，其實還有一點框架漏了，那就是左右兩邊的空白，這個只需要在設定的主介面的最外層的RelativeLayout那裡設定寬度為560px（因為目前假設是720*1280px），並且水平居中就可以了。當然，最後在佈置介面的時候，需要在java程式碼裡面動態更改這個寬度，跟上一節的原理一樣：

獲取當前螢幕寬度mScreenWidth後，設定寬度width=560*mScreenWidth/720；，這樣就可以匹配螢幕了~

哦，最後上一下完整的Activity的java程式碼，包括一些事件處理方法等等，不過都還沒有實現對應的邏輯，只是彈出了一些logcat方便除錯。

package com.example.guochuang;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.FrameLayout;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

public class SettingActivity extends Activity {

    // 介面元件
    RelativeLayout mBiaoTiLayout;
    LinearLayout mSheZhiLayout;
    ImageButton mBackButton,mBackButtonFrontOne;
    TextView mBiaoTiText;
    CheckBox mCheckTemp, mCheckHumi, mCheckCo, mCheckCo2, mCheckWarning;
    ImageButton mButtonBackground, mButtonMaintone, mButtonAboutUs;
    FrameLayout mBackButtonFrame;
    TextView fubiaoti11,fubiaoti12,fubiaoti13,fubiaoti14,fubiaoti21,fubiaoti22,fubiaoti30,fubiaoti41;


    // 變數
    private int mNum;

    private int mScreenWidth;
    private int mScreenHeight;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.setting_layout);

        // 儲存主介面的mNum數值
        Intent intent = getIntent();
        mNum = intent.getIntExtra("number", 0);

        DisplayMetrics dm = getResources().getDisplayMetrics();
        mScreenWidth = dm.widthPixels;
        mScreenHeight = dm.heightPixels;

        adaptScreen();

        initListener();

    }

    private void adaptScreen() {

        // 匹配標題欄layout
        mBiaoTiLayout = (RelativeLayout) findViewById(R.id.biaoti_layout);
        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) mBiaoTiLayout
                .getLayoutParams();
        params.height = 142 * mScreenHeight / 1280;
        mBiaoTiLayout.setLayoutParams(params);
        // 匹配標題欄返回按鈕
                //後面一層按鈕
                mBackButton = (ImageButton) findViewById(R.id.button_back);
                FrameLayout.LayoutParams params2 = (FrameLayout.LayoutParams) mBackButton
                        .getLayoutParams();
                params2.height = 25 * mScreenHeight / 1280;
                params2.width = 15 * mScreenWidth / 720;
                mBackButton.setX(120 * mScreenWidth / 720);
                mBackButton.setLayoutParams(params2);
                //按鈕底層layout
                mBackButtonFrame=(FrameLayout)findViewById(R.id.backbutton_frame);
                mBackButtonFrame.getLayoutParams().width=240*mScreenWidth/720;
                mBackButtonFrame.getLayoutParams().height=142*mScreenHeight/1280;
                //前面一層按鈕
                mBackButtonFrontOne=(ImageButton)findViewById(R.id.button_back_frontone);
                mBackButtonFrontOne.setX(77*mScreenWidth/720);
                mBackButtonFrontOne.getLayoutParams().height=60*mScreenHeight/1280;
                mBackButtonFrontOne.getLayoutParams().width=100*mScreenWidth/720;
                mBackButtonFrontOne.setBackgroundColor(0x00ffffff);
                mBackButtonFrontOne.setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        mBackButtonFrontOne.setBackgroundColor(0x11ffffff);
                        /*Timer timer=new Timer();
                        TimerTask myTask=new TimerTask() {

                            @Override
                            public void run() {
                                // TODO Auto-generated method stub
                                mBackButtonFrontOne.setBackgroundColor(0x00ffffff);
                            }
                        };
                        timer.schedule(task, 200);*/

                        Intent intent=new Intent();
                        intent.putExtra("number", mNum);
                        intent.setClass(SettingActivity.this, MainActivity.class);
                        SettingActivity.this.startActivity(intent);

                    }
                });

        /*mBackButton = (ImageButton) findViewById(R.id.button_back);
        RelativeLayout.LayoutParams backparams = (RelativeLayout.LayoutParams) mBackButton
                .getLayoutParams();
        backparams.height = 25 * mScreenHeight / 1280;
        backparams.width = 15 * mScreenWidth / 720;
        mBackButton.setX(120 * mScreenWidth / 720);
        mBackButton.setLayoutParams(backparams);*/

        // 匹配標題欄漢字
        mBiaoTiText = (TextView) findViewById(R.id.biaoti_text);
        mBiaoTiText.setTextSize(20 * mScreenWidth / 720);

        // 匹配設定介面層
        mSheZhiLayout = (LinearLayout) findViewById(R.id.shezhi_layout);
        RelativeLayout.LayoutParams params3 = (RelativeLayout.LayoutParams) mSheZhiLayout
                .getLayoutParams();
        params3.width = 560 * mScreenWidth / 720;
        // 匹配標題1，標題2按鈕
        mCheckTemp = (CheckBox) findViewById(R.id.check_temp);
        mCheckHumi = (CheckBox) findViewById(R.id.check_humi);
        mCheckCo = (CheckBox) findViewById(R.id.check_co);
        mCheckCo2 = (CheckBox) findViewById(R.id.check_co2);
        mCheckWarning = (CheckBox) findViewById(R.id.check_warning);
        adaptButton(mCheckTemp, mCheckHumi, mCheckCo, mCheckCo2, mCheckWarning);
        mButtonBackground = (ImageButton) findViewById(R.id.button_background);
        mButtonMaintone = (ImageButton) findViewById(R.id.button_mainTone);
        mButtonAboutUs = (ImageButton) findViewById(R.id.button_aboutUs);
        adaptButton(mButtonBackground, mButtonMaintone, mButtonAboutUs);

        //為各層文字找到控制元件，準備新增點選事件
        fubiaoti11=(TextView)findViewById(R.id.fubiaoti11);
        fubiaoti12=(TextView)findViewById(R.id.fubiaoti12);
        fubiaoti13=(TextView)findViewById(R.id.fubiaoti13);
        fubiaoti14=(TextView)findViewById(R.id.fubiaoti14);
        fubiaoti21=(TextView)findViewById(R.id.fubiaoti21);
        fubiaoti22=(TextView)findViewById(R.id.fubiaoti22);
        fubiaoti30=(TextView)findViewById(R.id.textWarning30);
        fubiaoti41=(TextView)findViewById(R.id.fubiaoti41);
        //匹配文字控制元件
        fubiaoti11.setTextSize(15*mScreenHeight/1280);
        fubiaoti12.setTextSize(15*mScreenHeight/1280);
        fubiaoti13.setTextSize(15*mScreenHeight/1280);
        fubiaoti14.setTextSize(15*mScreenHeight/1280);
        fubiaoti21.setTextSize(15*mScreenHeight/1280);
        fubiaoti22.setTextSize(15*mScreenHeight/1280);
        fubiaoti30.setTextSize(20*mScreenHeight/1280);
        fubiaoti41.setTextSize(15*mScreenHeight/1280);

    }

    private void adaptButton(CheckBox... boxs) {
        for (CheckBox box : boxs) {

            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams)box
                    .getLayoutParams();
            params.height = Math.min(25 * mScreenHeight / 1280,25 * mScreenWidth / 720);
            params.width =  Math.min(25 * mScreenHeight / 1280,25 * mScreenWidth / 720);
            box.setLayoutParams(params);
        }
    }

    private void adaptButton(ImageButton... buttons) {
        for (ImageButton button : buttons) {
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) button
                    .getLayoutParams();
            params.height = 24 * mScreenHeight / 1280;
            params.width = 20 * mScreenWidth / 720;
            button.setLayoutParams(params);
        }

    }

    private void initListener() {

        mBackButton.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                Intent intent = new Intent();
                intent.putExtra("number", mNum);
                intent.setClass(SettingActivity.this, MainActivity.class);
                SettingActivity.this.startActivity(intent);
            }
        });
        mCheckTemp.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                // TODO Auto-generated method stub
                if (isChecked) {
                    Toast.makeText(SettingActivity.this, "啊，Temprature被選中了",
                            Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(SettingActivity.this, "啊，Temprature被取消了",
                            Toast.LENGTH_SHORT).show();
                }
            }
        });
        mCheckHumi.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                // TODO Auto-generated method stub
                if (isChecked) {
                    Toast.makeText(SettingActivity.this, "啊，Humidity被選中了",
                            Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(SettingActivity.this, "啊，Humidity被取消了",
                            Toast.LENGTH_SHORT).show();
                }
            }
        });
        mCheckCo.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                // TODO Auto-generated method stub
                if (isChecked) {
                    Toast.makeText(SettingActivity.this, "啊，Co被選中了",
                            Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(SettingActivity.this, "啊，Co被取消了",
                            Toast.LENGTH_SHORT).show();
                }
            }
        });
        mCheckCo2.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                // TODO Auto-generated method stub
                if (isChecked) {
                    Toast.makeText(SettingActivity.this, "啊，Co2被選中了",
                            Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(SettingActivity.this, "啊，Co2被取消了",
                            Toast.LENGTH_SHORT).show();
                }
            }
        });
        mCheckWarning.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                // TODO Auto-generated method stub
                if (isChecked) {
                    Toast.makeText(SettingActivity.this, "啊，warning被選中了",
                            Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(SettingActivity.this, "啊，warning被取消了",
                            Toast.LENGTH_SHORT).show();
                }
            }
        });
        mButtonBackground.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                Toast.makeText(SettingActivity.this, "啊，Background被點了",
                        Toast.LENGTH_SHORT).show();
            }
        });
        mButtonMaintone.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                Toast.makeText(SettingActivity.this, "啊，Main tone被點了",
                        Toast.LENGTH_SHORT).show();
            }
        });
        mButtonAboutUs.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                Toast.makeText(SettingActivity.this, "啊，About Us被點了",
                        Toast.LENGTH_SHORT).show();
            }
        });

        //為textView新增點選事件，增加按鈕範圍
    OnClickListener textViewListener=new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                switch (v.getId()) {
                case R.id.fubiaoti11:
                    mCheckTemp.setChecked(!mCheckTemp.isChecked());
                    break;
                case R.id.fubiaoti12:
                    mCheckHumi.setChecked(!mCheckHumi.isChecked());
                    break;
                case R.id.fubiaoti13:
                    mCheckCo.setChecked(!mCheckCo.isChecked());
                    break;
                case R.id.fubiaoti14:
                    mCheckCo2.setChecked(!mCheckCo2.isChecked());
                    break;
                case R.id.fubiaoti21:
                    Toast.makeText(SettingActivity.this, "啊，21被按了，即將進入background介面", 3000).show();
                    break;
                case R.id.fubiaoti22:
                    Toast.makeText(SettingActivity.this, "啊，22被按了，即將進入main tone介面", 3000).show();
                    break;
                case R.id.textWarning30:    
                    mCheckWarning.setChecked(!mCheckWarning.isChecked());
                    break;
                case R.id.fubiaoti41:
                    Toast.makeText(SettingActivity.this, "啊，41被按了，即將進入about us介面", 3000).show();
                    break;



                default:
                    break;
                }
            }
        };
        fubiaoti11.setOnClickListener(textViewListener);
        fubiaoti12.setOnClickListener(textViewListener);
        fubiaoti13.setOnClickListener(textViewListener);
        fubiaoti14.setOnClickListener(textViewListener);
        fubiaoti21.setOnClickListener(textViewListener);
        fubiaoti22.setOnClickListener(textViewListener);
        fubiaoti30.setOnClickListener(textViewListener);
        fubiaoti41.setOnClickListener(textViewListener);

    }

    //監聽返回按鈕
    @Override  
    public boolean onKeyDown(int keyCode, KeyEvent event)  
    {  
        if (keyCode == KeyEvent.KEYCODE_BACK )  
        {  
            Intent intent=new Intent();
            intent.putExtra("number", mNum);
            intent.setClass(SettingActivity.this, MainActivity.class);
            SettingActivity.this.startActivity(intent);

        }  

        return true;  

    }


}

唉喲、、粘上來之後才發現，，看得頭疼[笑哭][笑哭][笑哭]

最後的介面是這樣的，不管是虛擬機器320*480px還是手機720*1280px都是一樣一樣的。

這裡寫圖片描述

好了，這個介面的介紹就到此為止了，關於原始碼的下載呢，在這個系列的第一篇有，就不附了。

相關推薦

菜鳥流程-Touching App（2）- 設定介面

額，一不小心浪了幾天，這篇部落格會說說我寫設定介面時的程式碼過程，個人認為是這四個介面裡面最簡單的一個。但是，由於我和美工是第一次配合弄這個，所以還是遇到了幾個坑。 下面進入正題了。 一、介面元素分析 還是先看一下美工給我的圖。 第一、我要吐槽的

菜鳥流程-Touching App（1）- 主介面

接下來我會把自己寫Touching App的過程一一寫下來，不過由於剛上路，可能還有很多錯誤，包括部落格也是~~ 小事情啦，開心就好n(≧▽≦)n 這個app準備用來接收微控制器傳來的資料，然後顯示在手機上，對環境進行評價。 下面進入正題啦。 一、介面

【菜鳥系列】hbase（java）介面--基於hbase1.1.2

先講解下主要的介面類 HBaseConfiguration org.apache.hadoop.hbase.HBaseConfiguration Adds HBase configuration files to a Configuratio

Android菜鳥的成長筆記（27）——SurfaceView的使用

llb white avi red .get 時也 Y軸 ++ watermark 前面有關自己定義View中進行了畫圖。但View的畫圖機制存在例如以下缺陷：1、View缺乏雙緩沖機制。2、當程序須要更新View上的圖像時，程序必須重繪View上顯示的整張圖片。3、新

守望先鋒app（2）

tool des ace 沖突 spec mode ret cat blank 上次的功能完成了英雄名字、id、頭像的下載並使用RecyclerView展示， 所以接下來就是點擊每個英雄的caraview就能打開下一個活動進行英雄的介紹。先打開暴雪的官網查看有那些技能、故

C++菜鳥學習筆記系列（6）——簡單標頭檔案的編寫

C++菜鳥學習筆記系列（6） ——簡單標頭檔案的編寫 我們在上一篇部落格 C++菜鳥學習筆記系列（5）中已經敘述了一些關於在C++中建立自己的資料型別的一些方法，但是隨之而來的一個問題是我們在建立了一個自定義類之後經常還要在其他的檔案中使用同樣的類，這時候我們可

C++菜鳥學習筆記系列（9）——迭代器

C++菜鳥學習筆記系列（9） 本期主題：迭代器介紹 我們在C++菜鳥學習筆記系列（7）、C++菜鳥學習筆記系列（8）中分別介紹了C++語言標準庫型別string，vector 的定義及使用。 對於string型別的物件我們可以通過範圍for語句和索引的方式訪問其

C++菜鳥學習筆記系列（12）——算術運算子

C++菜鳥學習筆記系列（12） 本期主題：算術運算子 C++語言為我們提供了一套豐富的運算子，並定義了這些運算子用於內建型別的運算物件時所執行的操作。同時當運算物件時類型別時，C++語言也允許我們指定上述運算子的含義（運算子的過載）。 在介紹後面的算術運算子之前

C++菜鳥學習筆記系列（14）——條件語句

C++菜鳥學習筆記系列（14） 本期主題：條件語句 和其他大多數語言類似的，C++語言也為我們提供了條件執行語句（if、switch）這些都是我們寫程式中最常見也是最常用的語句。在本期的部落格中我們就主要圍繞這兩個語句進行簡單的討論。 在開始之前，我們先了解一下

IOS菜鳥的所感所思（三）——通過伺服器介面獲取資料

一：你需要獲得某一個伺服器網頁的介面。（這個可以用抓包軟體獲取伺服器http的頭部資訊） 音樂歌曲對應的搜尋介面 HTTP URL請求的地址: http://music.163.com/api/search/get/web 需要設定的HTTP Haeder:   "Acce

從菜鳥到架構師（八）

       張敏離開後，我又開始了一個人的工作和生活。       為了將來能給張敏一個幸福的生活，我努力的工作。曾幾何時，我把所有的精力投入到了工作中。在公司裡，我主動承擔了更多的任務，下班後，我依然投身到技術的研究之中。       當時，公司來了新人，偉哥很信任我，把

菜鳥stm32學習筆記（1）系統時鐘初始化函式

系統初始化函式步驟： 1：復位並配置暫存器向量表。 2：置位CR第十六位，開啟外部振盪器。 3：檢測CR第十七位，判斷外部振盪器是否準備就緒。若就緒，硬體會置位十七位。 *2和3設定的均是時鐘控制暫存器。 4：設定時鐘配置暫存器CFGR的8-10位為100使得APB1的時鐘

vue框架對接手機app （2）

一、H5頁面如何對接到手機端 iOS登入流程： 1. web獲取不到身份資訊時，發起登入js互動，新建一個隱藏的iFrame，url為http://jsoc///{"action":"login","result":""} 2. 我們捕獲到jsoc///後，會解析後面的字典

C++菜鳥學習筆記系列（15）——迭代語句

C++菜鳥學習筆記系列（15） 本期主題：迭代語句（包括while語句、傳統for語句、範圍for語句、do…while語句） 迭代語句就是我們常說的迴圈，它重複執行一些操作直到滿足某個條件才停下來。不同的是while語句和for語句都是在執行迴圈體之前先進行條

ASP.NET MVC4 菜鳥專案之路（一）改造示例程式碼擴充套件使用者資訊管理

模板建立示例專案 MVC的基礎內容我就不說了，入門建議看看官方的MvcMovie示例。       開啟VS2012，【新建專案】，選擇【ASP.NET MVC 4 Web應用程式】，名稱叫MyMvc（這隨便取，但常規是公司.專案的名稱空間），按【確定】，模板選【I

菜鳥讀caffe原始碼（一）：protoc.exe的使用

caffe感覺都是別人玩剩下的東西，但是結合目前專案和以後對工作的設想，caffe原始碼還是有很好的學習價值。 參考入門書籍《深度學習21天實戰caffe-趙永科》 學習protobuffer相關知識，瞭解如何讀取proto.txt等相關引數檔案。 路線下載protobu

Ubuntu Linux 菜鳥正在入門學習（四）——檔案系統的概念

1.什麼是檔案系統      檔案系統是對一個儲存裝置上的資料和元資料進行組織的機制，其目的是易於實現資料的查詢和存取。Linux檔案系統介面實現為分層的體系結構，從而將使用者介面層 檔案系統實現和操作儲存裝置的驅動程式分開。 1)儲存介質 用以儲存資料的物理裝置，如軟盤

【MATLAB 學習筆記】 SimMechanics 流程攻略 （2）

本章主要內容： 1. 製作斜坡上以及懸掛的彈簧阻尼系統； 2. 用m檔案修改系統中的引數，達到可程式設計控制的目的。 ==================================================================== 首先研究一下各個

[App Store Connect幫助]八、維護您的 App（2）將 App 從 App Store 中移除

一個 -c 範圍 p s store 恢復 右上角 src head 如果您不想繼續向顧客提供您的 App，您可以將其從 App Store 中移除，這樣會移除該 App 的所有版本。擁有該 App 先前版本的用戶將無法更新 App，但只要您的合約有效，用戶便仍可下載最新的

u-boot-2014.10移植（2）設定時鐘/SDRAM

時鐘修改 vim arch/arm/cpu/arm920t/start.S # if defined(CONFIG_S3C2410) || defined(CONFIG_S3C2440) ldr r1, =0x3ff ldr r0, =INTSUBMS