Inne działy

 

Android Wysuwana szuflada – przykład

 

W tym przykładzie pokażemy, jak wdrożyć projekt wysuwana szuflada w android. SlidingDrawer jest specjalnym widgetem, który pozwala użytkownikowi przeciągać pewne treści na ekran z zewnątrz i ukryć je, jeśli nie są potrzebne. Posiada uchwyt i treści, przeciągając uchwyt pokazuje zawartość i przeciągając uchwyt ukrywa się zawartość.

Ta klasa została zaniechana w na poziomie 17 API

Projekt wykonano w AndroidStudio

Więc zacznijmy:

 

Utwórz nowy projekt File -> New Project. Zachowaj domyślne nazwy plików

 

MainActivity.java

 

package pl.uazz.wysuwanaszuflada.app;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.SlidingDrawer;
import android.widget.Toast;


public class MainActivity extends ActionBarActivity {

    //Deklaracja zmiennych
    SlidingDrawer slidingDrawer;
    Button wysunPrzycisk;
    Button przycisk1, przycisk2, przycisk3;

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

        //Przypisanie do zmiennej obiektu przycisk wysunPrzycisk
        wysunPrzycisk = (Button)findViewById(R.id.wysunPrzycisk);

        slidingDrawer = (SlidingDrawer)findViewById(R.id.SlidingDrawer);

        przycisk1 = (Button)findViewById(R.id.Przycisk1);
        przycisk2 = (Button)findViewById(R.id.Przycisk2);
        przycisk3 = (Button)findViewById(R.id.Przycisk3);

        przycisk1.setOnClickListener((View.OnClickListener) this);
        przycisk2.setOnClickListener((View.OnClickListener) this);
        przycisk3.setOnClickListener((View.OnClickListener) this);

        slidingDrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener() {
            @Override
            public void onDrawerOpened() {
                wysunPrzycisk.setText("V");
            }
        });
    }

    //@Override
    public void onClick(View v){
        Button przycisk = (Button) v;
        Toast.makeText(MainActivity.this,przycisk.getText()+" jest kliknięty :)",Toast.LENGTH_SHORT).show();
    }


    @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;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

Teraz zaprojektuj interfejs użytkownika dla powyższej działalności w pliku activity_main.xml

 

Activity_main.xml

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="pl.uazz.wysuwanaszuflada.app.MainActivity">

    <TextView
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:text="Przeciągnij kontrolkę do dołu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp" />

    <SlidingDrawer
        android:id="@+id/SlidingDrawer"
        android:layout_width="wrap_content"
        android:layout_height="250dp"
        android:layout_alignParentBottom="true"
        android:content="@id/contentLayout"
        android:handle="@id/wysunPrzycisk"
        android:orientation="vertical"
        android:padding="10dp">

        <Button
            android:id="@+id/wysunPrzycisk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="^"/>

        <LinearLayout
            android:id="@+id/contentLayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="10dp">

            <Button
                android:id="@+id/Przycisk1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="2dp"
                android:text="Przycisk 1"/>

            <Button
                android:id="@+id/Przycisk2"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="2dp"
                android:text="Przycisk 2"/>

            <Button
                android:id="@+id/Przycisk3"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="2dp"
                android:text="Przycisk 3"/>


            </LinearLayout>


        </SlidingDrawer>

</RelativeLayout>

Uruchom projekt aby przetestować jego działanie

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.