布局设计 标签/值详细信息到标签/值编辑

Question

很长一段时间以来，web开发人员都在开始本地android开发。对于新手来说，我认为这是一个非常常见的问题。

问：我有一个能够编辑详细信息的详细信息屏幕。单击编辑按钮导航到编辑屏幕。除了详细信息屏幕是只读的和每个字段都可编辑的编辑屏幕之外，视图基本相同。

示例布局

我已经阅读了这里的材料设计指南https://Material . io/guidelines/components/text-fields . html # text-fields-layout，它详细介绍了如何设计可编辑的字段。

我也在这里看过TextInputLayout:https://www . androidhive . info/2015/09/Android-material-design-floating-labels-for-edit text/

我可以为“详细信息”屏幕上的每个标签/值字段模拟 TextInputLayout（请参阅示例布局），但是，这似乎需要做很多工作。

我认为理想情况下，重复使用编辑表单字段非常方便，但只需将其标记为“详细信息”屏幕的只读。

我想问问Android大师们实现这一目标的“正确方法”。我宁愿不拼凑出一个解决方案。这个坚果以前肯定被破解过，然而，显然我的谷歌搜索技能不够好，找不到它。

Answer 1

我使用它的原因是根据当前视图的类型以编程方式改变元素的输入类型。如果是编辑视图，我只使用默认值。另一方面，我以这种方式更改输入类型。

editText1.setText("Your value text here");

editText1.setInputType(InputType.TYPE_NULL); 

我觉得很简单，安缇很管用

Answer 2

使用＜code＞编辑文本方法即可在这些状态之间切换。从用户体验的角度来看，更改文本的颜色以及仅在启用模式下显示行是一个好主意。该设计可以通过使用Android的状态资源来实现。

Answer 3

您可以使用以下说明禁用编辑文本字段:

https://stackoverflow.com/a/33582335/3268303

应用程序通常会共享添加/编辑屏幕，但不一定是查看/编辑屏幕。

添加/编辑共享的示例如下：

https://github . com/Google samples/Android-architecture/tree/todo-MVP/todo app/app/src/main/Java/com/example/Android/architecture/blue prints/todo app/addedittask

public class AddEditTaskPresenter implements AddEditTaskContract.Presenter,
    TasksDataSource.GetTaskCallback {

@NonNull
private final TasksDataSource mTasksRepository;

@NonNull
private final AddEditTaskContract.View mAddTaskView;

@Nullable
private String mTaskId;

private boolean mIsDataMissing;

/**
 * Creates a presenter for the add/edit view.
 *
 * @param taskId ID of the task to edit or null for a new task
 * @param tasksRepository a repository of data for tasks
 * @param addTaskView the add/edit view
 * @param shouldLoadDataFromRepo whether data needs to be loaded or not (for config changes)
 */
public AddEditTaskPresenter(@Nullable String taskId, @NonNull TasksDataSource tasksRepository,
        @NonNull AddEditTaskContract.View addTaskView, boolean shouldLoadDataFromRepo) {
    mTaskId = taskId;
    mTasksRepository = checkNotNull(tasksRepository);
    mAddTaskView = checkNotNull(addTaskView);
    mIsDataMissing = shouldLoadDataFromRepo;

    mAddTaskView.setPresenter(this);
}

@Override
public void start() {
    if (!isNewTask() && mIsDataMissing) {
        populateTask();
    }
}

@Override
public void saveTask(String title, String description) {
    if (isNewTask()) {
        createTask(title, description);
    } else {
        updateTask(title, description);
    }
}

@Override
public void populateTask() {
    if (isNewTask()) {
        throw new RuntimeException("populateTask() was called but task is new.");
    }
    mTasksRepository.getTask(mTaskId, this);
}

@Override
public void onTaskLoaded(Task task) {
    // The view may not be able to handle UI updates anymore
    if (mAddTaskView.isActive()) {
        mAddTaskView.setTitle(task.getTitle());
        mAddTaskView.setDescription(task.getDescription());
    }
    mIsDataMissing = false;
}

@Override
public void onDataNotAvailable() {
    // The view may not be able to handle UI updates anymore
    if (mAddTaskView.isActive()) {
        mAddTaskView.showEmptyTaskError();
    }
}

@Override
public boolean isDataMissing() {
    return mIsDataMissing;
}

private boolean isNewTask() {
    return mTaskId == null;
}

private void createTask(String title, String description) {
    Task newTask = new Task(title, description);
    if (newTask.isEmpty()) {
        mAddTaskView.showEmptyTaskError();
    } else {
        mTasksRepository.saveTask(newTask);
        mAddTaskView.showTasksList();
    }
}

private void updateTask(String title, String description) {
    if (isNewTask()) {
        throw new RuntimeException("updateTask() was called but task is new.");
    }
    mTasksRepository.saveTask(new Task(title, description, mTaskId));
    mAddTaskView.showTasksList(); // After an edit, go back to the list.
}
}