ViewController

ViewController

Контроллер представления управляет набором представлений, которые составляют часть пользовательского интерфейса вашего приложения, он направлен на то, чтобы сделать пользовательский интерфейс более четким и гибким.

Английский | 中文 | Android 复杂界面开发实践之 ViewController: 介绍

демо

Преимущество

• Сделайте компоненты разработки пользовательского интерфейса, решайте проблему раздутого кода.
• Гибкий, один компонент может использовать в большем количестве места.
• Легко использовать, простое развитие.

Использование

В качестве хорошей практики я рекомендую вам запустить или смотреть демо -код напрямую.

импорт зависимости

Вы можете импортировать зависимость или копировать исходный файл в свой проект напрямую, до сих пор только один файл в этой LIB.

Добавьте репозиторий Jitpack в свой файл сборки

allprojects {
	repositories {
		.. .
		maven { url " https://jitpack.io " }
	}
}

Добавьте зависимость

dependencies {
	 compile ' com.github.maoruibin:ViewController:0.9.1 '
}

Разработать компонент

Как и это демонстрационное изображение, мы должны разработать четыре компонента.

Теперь я хочу разработать компонент комментариев в качестве демонстрации, я представлю точку по кодовой аннотации.

 // 1、every component mast extends ViewController
public class HouseCommentViewController extends ViewController < List < String >> 

// 2、indicate layout id for this component  
@ Override
protected int resLayoutId () {
    return R . layout . detail_comment_layout ;
}

// init this component's view element 
@ Override
protected void onCreatedView ( View view ) {
    mLlContainer = view . findViewById ( R . id . ll_container );
    ...
}

// bind data to this view component 
@ Override
protected void onBindView ( List < String > comments ) {
    for ( String comment : comments ) {
        TextView view = new TextView ( getContext ());
        view . setBackgroundResource ( R . color . bk_item );
        view . setText ( comment );
        int padding = Utils . dp2px ( 16 );
        view . setPadding ( padding , padding , padding , padding );
        mLlContainer . addView ( view );
    }
}

Теперь мы закончили простой компонент просмотра, и вы можете посмотреть реализацию левых компонентов по демо -коду.

Соберите компонент в активности

Мы закончили четыре компонента для House Detail UI.

 HousePhotoViewController    //House picture component 
HouseParamViewController    //House param info component
HouseDescViewController     //House description component
HouseCommentViewController  //House comment component

Левая работа собирается. ядро сбора

Каждый контроллер представления поддерживает способ прикрепить представление владельца к макету корня, поэтому активность должна использовать макет корня для заполнения всех представлений.

Код Java такой

 // 1、define ViewController instance
private ViewController < List < String >> mHousePhotoViewController ;
private ViewController < HouseDetail . Param > mHouseParamViewController ;
private ViewController < List < String >> mHouseCommentViewController ;
private ViewController < String > mHouseDescViewController ;

// 2、init instance 
mHousePhotoViewController = new HousePhotoViewController ( this );
mHouseParamViewController = new HouseParamViewController ( this );
mHouseDescViewController = new HouseDescViewController ( this );
mHouseCommentViewController = new HouseCommentViewController ( this );

// 3、attach view controller to activity root, usually the best choose for root is a vertical LinearLayout. 
mHousePhotoViewController . attachRoot ( mLlContainer );
mHouseParamViewControler . attachRoot ( mLlContainer );
mHouseDescViewControler . attachRoot ( mLlContainer );
mHouseCommentViewControler . attachRoot ( mLlContainer );

// 4 、mock get data 
getData ();

// 5、fill data to UI 

fillData ();

// 6、fill data to different view controller
private void fillData ( HouseDetail detail ) {
    mHousePhotoViewController . fillData ( detail . photos );
    mHouseParamViewController . fillData ( detail . param );
    mHouseDescViewController . fillData ( detail . desc );
    mHouseCommentViewController . fillData ( detail . comments );
}

И теперь в сложном пользовательском интерфейсе были разделены четыре компонента, таким образом, все компоненты имеют дело только с логикой владельца.

И если другие действия или фрагмент обладают тем же необходимым для компонентом, вы можете напрямую использовать код повторно, хорошо!

Тодо

• Управлять жизненным циклом
• Поддержите Templete AndroidStudio для генерации кадры ViewController

Автор

http://gudong.name

https://github.com/maoruibin

Лицензия

 Copyright 2016 咕咚

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.