Symbolleiste mit EditText Material Design

Ich versuche, die Toolbar mit EditText so zu machen:

Symbolleiste mit EditText

  • Android: Machen Sie Ansicht oben auf listview Rolle zusammen mit der Listenansicht
  • Android - proguard error im android studio
  • Ändern Sie die Schriftart des Floating-Labels EditText und TextInputLayout
  • Symbolleiste innerhalb von CardView zum Erstellen eines Popup-Menüs (Überlaufsymbol)
  • ToggleButton-Status ändern sich programmgesteuert anstatt automatisch in Android?
  • Wie kann ich zufällige Nummer in bestimmten Bereich in Android generieren?
  • Im Moment kann ich etwas ähnliches machen, aber nur mit statischem Titel, irgendwelche Ideen, um loszulegen?

  • Android Video View nicht spielen MP4-Datei auf einigen Geräten
  • Android Java objModelClass.getClass (). GetDeclaredFields () gibt "$ change" als ein Feld zurück
  • Duplizieren von AndroidManifest.xml im Bin-Verzeichnis?
  • Change ListView Hintergrund - seltsames Verhalten
  • SMSManager ist veraltet
  • Ist Serializable in Android schlecht?
  • 4 Solutions collect form web for “Symbolleiste mit EditText Material Design”

    Ich habe das wie folgt gemacht:

    Bildbeschreibung hier eingeben

    Es gibt Toolbar als AppBar (aka ActionBar ) an der oberen und zweiten Symbolleiste darunter mit zwei EditText . Erste Symbolleiste ist unter CollapsingToolbarLayout falls Sie es kollabieren möchten.

    Java :

     public class MainActivity extends AppCompatActivity { Toolbar toolbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); toolbar = (Toolbar) findViewById(R.id.toolbar_1); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setTitle(""); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } } 

    activity_main.xml :

     <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" > <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_tool_bar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:elevation="0dp" app:expandedTitleTextAppearance="@style/Widget.AppCompat.ActionBar.TabText" app:layout_scrollFlags="scroll|enterAlways" app:statusBarScrim="?attr/colorAccent"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar_1" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/primary" android:minHeight="?attr/actionBarSize" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:layout_collapseMode="none" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> </android.support.v7.widget.Toolbar> </android.support.design.widget.CollapsingToolbarLayout> <android.support.v7.widget.Toolbar android:id="@+id/toolbar_2" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/primary" android:minHeight="?attr/actionBarSize" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:layout_collapseMode="none" app:elevation="0dp" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingLeft="32dp" android:paddingTop="16dp" android:paddingBottom="56dp" android:paddingRight="16dp"> <android.support.design.widget.TextInputLayout android:id="@+id/lNameLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/fNameLayout" android:layout_marginTop="10dp"> <EditText android:id="@+id/ltitle" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:hint="Title"/> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:id="@+id/lNameLayout2" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/fNameLayout" android:layout_marginTop="10dp" android:layout_marginBottom="10dp"> <EditText android:id="@+id/ldesc" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:hint="Description"/> </android.support.design.widget.TextInputLayout> </LinearLayout> </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout> </android.support.design.widget.CoordinatorLayout> 

    Colors :

     <?xml version="1.0" encoding="utf-8"?> <resources> <color name="primary">#303F9F</color> <color name="primary_dark">#3F51B5</color> <color name="accent">#00E5FF</color> </resources> 

    Und styles.xml :

     <resources> <style name="AppTheme" parent="AppTheme.Base"/> <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/primary</item> <item name="colorPrimaryDark">@color/primary_dark</item> <item name="colorAccent">@color/accent</item> <item name="colorControlNormal">#FFF</item> </style> </resources> 

    Verwenden Sie android:theme="@style/AppTheme" für die Anwendung in manifest und android:theme="@style/AppTheme.Base" for MainActivity`.

    Ich denke, dass du dein eigenes Toolbarlyout erstellen musst und es in die Aktivitäts-Symbolleiste steckst. Versuche dies :

    http://javatechig.com/android/actionbar-with-custom-view-example-in-android Sie müssen nur Ihre Komponente erstellen. Ich hoffe das wird dir behilflich sein;)

    Sie können ein lineares Layout mit der gleichen Farbe Ihrer Symbolleiste verwenden. Das Toolbar-Attribut android:elevation muss 0px .

    Aktivität (xml)

     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <include layout="@layout/toolbar_task" android:layout_width="match_parent" android:layout_height="wrap_content" ></include> <fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/fragment_task" android:name="com.hashicode.simpletodo.fragment.TaskFragment" tools:layout="@layout/fragment_task" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> 

    Symbolleiste (xml)

     <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:fitsSystemWindows="true" android:minHeight="?attr/actionBarSize" app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:background="?attr/colorPrimaryDark" android:elevation="0px"> </android.support.v7.widget.Toolbar> 

    Fragment (xml)

     <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <LinearLayout android:id="@+id/taskname_area" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/PrimaryDarkColor" android:orientation="vertical"> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingBottom="36dp" android:paddingLeft="72dp" android:paddingRight="16dp"> <EditText android:id="@+id/task_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/task.name" android:textSize="30dp"/> </android.support.design.widget.TextInputLayout> </LinearLayout> <!-- some code --> </android.support.design.widget.CoordinatorLayout> 

    Aktivität (Java)

     public class TaskActivity extends AppCompatActivity { @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); initializeTodo(savedInstanceState); setContentView(R.layout.activity_task); //set the toolbar setSupportActionBar((Toolbar) findViewById(R.id.toolbar)); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setTitle(null); } 

    Das Ergebnis:

    Bildbeschreibung hier eingeben

    AppBarLayout wäre die beste Wette

    Ref https://developer.android.com/reference/android/support/design/widget/AppBarLayout.html

    Beispiel http://www.feelzdroid.com/2015/07/android-appbarlayout-scrolling-example.html

    Offensichtlich müsstest du Anpassungen machen

    Hoffe das hilft

    Das Android ist ein Google Android Fan-Website, Alles ├╝ber Android Phones, Android Wear, Android Dev und Android Spiele Apps und so weiter.