Category: YouTube Tutorial

In this blog, we have to create a table layout to show details in an arranged view in Android Studio. We will provide the latest code UI/UX layout for the user, reliable for the Android App. Before creating a project, we have provided some assets to make this project development purpose. Implement the App Color Code in the "colors.xml" file. Here, we have to insert the color code, which will help to customise your application project. #00425A #00425A #00425A #F5F6FA #F5F6FA #28282b #FFFFFFFF Replace "Action Bar" with "No Action Bar". We need to replace your app toolbar/actionbar to support your app customization system. Create a background UI Design in the "drawable" folder. Implement the UI design layout code "bg.xml" given below. Implement the UI design layout defined in "bg01.xml" below. Implement the UI design layout code "bg02.xml" given below. Implement the UI design layout code "bg1.xml" given below. Implement the UI design layout code "bg.xml" given below. Import App "LOGO" in "drawable" folder. We have to import an app logo into your project, which will help to show the table layout details, "LOGO" for user interface purposes only. Create a "model_item_layout.xml" UI Design Layout. Now, we have to create a UI layout design to show table content in an arranged list. Create a "activity_main.xml" UI Design Layout. Implement a "Model.java" File. public class Model { String sr; String keyboard; String details; public Model(String sr, String keyboard, String details) { this.sr = sr; this.keyboard = keyboard; this.details = details; } public String getSr() { return sr; } public String getKeyboard() { return keyboard; } public String getDetails() { return details; }} Implement a "MyAdapter.java" File. public class MyAdapter extends RecyclerView.Adapter { Context context; List model_list; public MyAdapter(Context context, List model_list) { this.context = context; this.model_list = model_list; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(context).inflate(R.layout.model_item_layout, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { if (model_list != null && model_list.size() > 0) { Model model = model_list.get(position); holder.modelSR.setText(model.getSr()); holder.modelKeyboard.setText(model.getKeyboard()); holder.modelDetails.setText(model.getDetails()); } else { return; } } @Override public int getItemCount() { return model_list.size(); } public static class ViewHolder extends RecyclerView.ViewHolder { TextView modelSR, modelKeyboard, modelDetails; public ViewHolder(@NonNull View itemView) { super(itemView); modelSR = itemView.findViewById(R.id.modelSR); modelKeyboard = itemView.findViewById(R.id.modelKeyboard); modelDetails = itemView.findViewById(R.id.modelDetails); } }} Implement a "MainActivity.java" File. Implement Variable Code in the Java File. RecyclerView recyclerView; MyAdapter adapter; Implement the ToolBar/ActionBar layout in the Java File. ImageView imageView = findViewById(R.id.detailImg); TextView textView = findViewById(R.id.detailTxt); imageView.setImageResource(R.drawable.icon); textView.setText("Android - Studio"); Now, connect the RecyclerView with the Table Layout to show data. recyclerView = findViewById(R.id.recyclerViewSecond); setRecyclerView(); Now, set the Recycler View Size, which is used as Fixed Size. private void setRecyclerView() { recyclerView.setHasFixedSize(true); recyclerView.setLayoutManager(new LinearLayoutManager(this)); adapter = new MyAdapter(this, getList()); recyclerView.setAdapter(adapter); } Finally, we can implement all the table layout content that can show users. private List getList() { List model_list = new ArrayList(); model_list.add(new Model("01", "Alt + 1", "Project")); model_list.add(new Model("02", "Alt + 9", "Version Ctrl")); model_list.add(new Model("03", "Shift + F10", "Run")); model_list.add(new Model("04", "Shift + F9", "Debug")); model_list.add(new Model("05", "Alt + 6", "Logcat")); model_list.add(new Model("06", "Esc", "Return to Editor")); model_list.add(new Model("07", "Ctrl + Shift + F12", "Hide All Tool Windows")); model_list.add(new Model("08", "Ctrl + Space", "Basic Completion")); model_list.add(new Model("09", "Ctrl + Shift + Space", "Smart Completion")); model_list.add(new Model("10", "Ctrl + Shift + Enter", "Statement Completion")); return model_list; }

Category: YouTube Tutorial

Create Table View Layout in Android Studio.

Splash Screen UI Design Layout in Android Studio.

Start Learning Today & Achieve Success