Inhaltsverzeichnis erstellen

brilzi89

Bekanntes Mitglied
Hallo zusammen.

Ich arbeite momentan an meiner ersten App und komme gerade an einer Stelle nicht weiter.
Und zwar möchte ich ein Handbuch für Berufskraftfahrer erstellen, und würde gerne ein Inhaltsverzeichnis erstellen, wo wenn man z.b auf ein TextView (1.1 Lenk und Ruhezeiten) drück, und man automatisch zu einem Passenden Layout geleitet wird.
Ist das mit einer Methode möglich?

Danke schon mal im Vorraus :)
 

mihe7

Top Contributor
Mal eine grundsätzliche Überlegung: Du willst Text mit Links, also Hypertext. Für Hypertext gibt es bereits eine durchaus etablierte Auszeichnungssprache, die Hypertext Markup Languge, kurz HTML. Folglich wäre die Frage: warum willst Du eine App und baust nicht einfach eine Seite? Die kann auch offline verwendet werden (z. B. via ServiceWorker).

Ansonsten: wenn es nur darum geht, auf den Klick auf eine TextView zu reagieren, kannst Du einen setOnClickListener registrieren. Zusätzlich muss das clickable-Attribut der TextView auf true gesetzt sein.
 

brilzi89

Bekanntes Mitglied
Mal eine grundsätzliche Überlegung: Du willst Text mit Links, also Hypertext. Für Hypertext gibt es bereits eine durchaus etablierte Auszeichnungssprache, die Hypertext Markup Languge, kurz HTML. Folglich wäre die Frage: warum willst Du eine App und baust nicht einfach eine Seite? Die kann auch offline verwendet werden (z. B. via ServiceWorker).

Ansonsten: wenn es nur darum geht, auf den Klick auf eine TextView zu reagieren, kannst Du einen setOnClickListener registrieren. Zusätzlich muss das clickable-Attribut der TextView auf true gesetzt sein.

erstmal Danke mihe7 das du mir hiflst :)

mit html kenne ich mich nicht so gut aus, ich bekomme es gerade mal so hin eine Wordpress seite zu erstellen.
Geplant ist zwar eine Homepage, aber erst etwas später. Die Fahrer sollen dieses Handbuch schneller zur Hand haben, und das geht denke ich ganz gut mit einer App. Wegen dem setOnClickListener, die TextView soll nicht nur reagieren sondern mit dann automatisch in dem selben Layout (ScrollView), zu der richtigen Position leiten z.b dem dazugehörigen Image.
 

brilzi89

Bekanntes Mitglied

mrBrown

Super-Moderator
Mitarbeiter
WordPress ist nicht gleichzusetzen mit HTML ;)

Wenn du XML kennst (was du für Android kennen dürftest), hast du die minimal notwendigen HTML-Kenntnisse vermutlich in ein paar Minuten drauf.
Hat bei sowas einige Vorteile gegenüber einer nativen App (Plattform unabhängig, deutlich leichter wartbar,...) und ist, wenn man es passend umsetzt, nicht mehr wirklich von einer nativen App unterscheidbar.
 

brilzi89

Bekanntes Mitglied
WordPress ist nicht gleichzusetzen mit HTML ;)

Wenn du XML kennst (was du für Android kennen dürftest), hast du die minimal notwendigen HTML-Kenntnisse vermutlich in ein paar Minuten drauf.
Hat bei sowas einige Vorteile gegenüber einer nativen App (Plattform unabhängig, deutlich leichter wartbar,...) und ist, wenn man es passend umsetzt, nicht mehr wirklich von einer nativen App unterscheidbar.

Also müsste ich eigentlich keine Ganze Homepage aufbauen?
Hättest du vll ein Link oder so wo es etwas erklärt wird.
Danke dir schon mal im Vorraus:)
 

mihe7

Top Contributor
Und natürlich https://selfhtml.org. Habe da schon Ewigkeiten nicht mehr reingesehen und muss sagen, dass ich die alte Version wesentlich übersichtlicher fand, aber so ist es halt.

Eigentlich brauchst Du nur einen Texteditor, der UTF-8 speichern kann, dann legst Du Dir eine Datei an:
HTML:
<!DOCTYPE html>
<html lang="de">
  <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Handbuch für Berufskraftfahrer</title>
   <style>
    body {
        font-family: sans-serif;
        font-size: 12pt;
    }
    ol.inhaltsverzeichnis li {
        list-style-type: none;  
    }
    .spacer { height:100vh; }
   </style>
  </head>
  <body>
      <h1>Handbuch für Berufskraftfahrer</h1>
      <nav>
        <h2>Inhalt</h2>
        <ol class="inhaltsverzeichnis">
            <li><a href="#inhalt1">1. Gesetzliche Regelungen</a>
              <ol>
                <li><a href="#inhalt1_1">1.1 Lenk- und Ruhezeiten</a></li>
                <li><a href="#inhalt1_2">1.2 Blabla</a></li>
              </ol>
            </li>
            <li><a href="#inhalt2">2. Blabla</a>
              <ol>
                <li><a href="#inhalt2_1">1.1 Blabla usw.</a></li>
                <li><a href="#inhalt2_2">1.2 Noch mehr Blabla</a></li>
              </ol>
            </li>
        </ol>    
      </nav>
      <div class="spacer"></div>
      <main>
        <h2><a name="inhalt1">1. Gesetzliche Regelungen</a></h2>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <div class="spacer"></div>
        <h3><a name="inhalt1_1">1.1. Lenk- und Ruhezeiten</a></h3>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <div class="spacer"></div>
      </main>
  </body>
</html>
Und dann spielst Du einfach mal mit der Datei. Die dort eingefügten "spacer" dienen nur dazu, die Seite künstlich länger werden zu lassen, damit das Scrollen gezeigt werden kann. Natürlich solltest Du den "style" in separate CSS-Dateien auslagern etc. - die Datei dient eben nur als Starter.

Im Prinzip siehst Du recht schnell, was die einzelnen Tags bedeuten zu haben: h1, h2, h3 - Überschrift 1./2./3. Ordnung, ol - steht für "ordered list", li für "list item", p für Paragraph (Absatz). Interessant ist der a-Tag (a dürfte "anchor" stehen), mit dem lassen sich Verknüpfungen auf ein Ziel anzeigen (href-Attribut) als auch Verweis-Ziele im Dokument setzen (name-Attribut). Hinzu kommen nav und main, die der semantischen Gliederung des Dokuments dienen.

Jetzt brauchst Du noch table und img, dann hast Du schon fast alles zusammen.
 

brilzi89

Bekanntes Mitglied
Und natürlich https://selfhtml.org. Habe da schon Ewigkeiten nicht mehr reingesehen und muss sagen, dass ich die alte Version wesentlich übersichtlicher fand, aber so ist es halt.

Eigentlich brauchst Du nur einen Texteditor, der UTF-8 speichern kann, dann legst Du Dir eine Datei an:
HTML:
<!DOCTYPE html>
<html lang="de">
  <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Handbuch für Berufskraftfahrer</title>
   <style>
    body {
        font-family: sans-serif;
        font-size: 12pt;
    }


Du bist Spize :) nominiere dich für den Nobelpreis :)
    ol.inhaltsverzeichnis li {
        list-style-type: none; 
    }
    .spacer { height:100vh; }
   </style>
  </head>
  <body>
      <h1>Handbuch für Berufskraftfahrer</h1>
      <nav>
        <h2>Inhalt</h2>
        <ol class="inhaltsverzeichnis">
            <li><a href="#inhalt1">1. Gesetzliche Regelungen</a>
              <ol>
                <li><a href="#inhalt1_1">1.1 Lenk- und Ruhezeiten</a></li>
                <li><a href="#inhalt1_2">1.2 Blabla</a></li>
              </ol>
            </li>
            <li><a href="#inhalt2">2. Blabla</a>
              <ol>
                <li><a href="#inhalt2_1">1.1 Blabla usw.</a></li>
                <li><a href="#inhalt2_2">1.2 Noch mehr Blabla</a></li>
              </ol>
            </li>
        </ol>   
      </nav>
      <div class="spacer"></div>
      <main>
        <h2><a name="inhalt1">1. Gesetzliche Regelungen</a></h2>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <div class="spacer"></div>
        <h3><a name="inhalt1_1">1.1. Lenk- und Ruhezeiten</a></h3>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <div class="spacer"></div>
      </main>
  </body>
</html>
Und dann spielst Du einfach mal mit der Datei. Die dort eingefügten "spacer" dienen nur dazu, die Seite künstlich länger werden zu lassen, damit das Scrollen gezeigt werden kann. Natürlich solltest Du den "style" in separate CSS-Dateien auslagern etc. - die Datei dient eben nur als Starter.

Im Prinzip siehst Du recht schnell, was die einzelnen Tags bedeuten zu haben: h1, h2, h3 - Überschrift 1./2./3. Ordnung, ol - steht für "ordered list", li für "list item", p für Paragraph (Absatz). Interessant ist der a-Tag (a dürfte "anchor" stehen), mit dem lassen sich Verknüpfungen auf ein Ziel anzeigen (href-Attribut) als auch Verweis-Ziele im Dokument setzen (name-Attribut). Hinzu kommen nav und main, die der semantischen Gliederung des Dokuments dienen.

Jetzt brauchst Du noch table und img, dann hast Du schon fast alles zusammen.
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
J Grafiken im metrischen Maß erstellen Android & Cross-Platform Mobile Apps 3
W Zip4J Zip erstellen und gespeichert URI Bilder einfügen Android & Cross-Platform Mobile Apps 3
Alex IV Android App erstellen Android & Cross-Platform Mobile Apps 3
F Audiostream erstellen und empfangen außerhalb des WLans Android & Cross-Platform Mobile Apps 8
E Neue app erstellen Android & Cross-Platform Mobile Apps 3
T Android Android Augmented Faces in Java. Neue Landmarks erstellen Android & Cross-Platform Mobile Apps 1
F Screenshot übergreifend bei erstellen (No-Root) Android & Cross-Platform Mobile Apps 1
B Android Projekt für Android und IOS erstellen? Android & Cross-Platform Mobile Apps 5
J Android button mithilfe einer Methode automatisch erstellen Android & Cross-Platform Mobile Apps 6
Hijo2006 PDF erstellen Android & Cross-Platform Mobile Apps 4
? Android erstellen der grafischen Benutzeroberfläche und Kommunikation zwischen Apps Android & Cross-Platform Mobile Apps 8
D Android "mehrere" Fragmente erstellen + richtige Zuordnung. Aber wie? Android & Cross-Platform Mobile Apps 1
G Thread in einer Service erstellen Android & Cross-Platform Mobile Apps 0
G Datei erstellen Android & Cross-Platform Mobile Apps 10
A Android Datei erstellen/schreiben/auslesen Android & Cross-Platform Mobile Apps 1
H Frage bei erstellen eines Projectes Android & Cross-Platform Mobile Apps 3
J Userliste aus internet mit z.B xml erstellen Android & Cross-Platform Mobile Apps 5
B Android Button erstellen nach Vorlage Android & Cross-Platform Mobile Apps 4
L Android Datei erstellen, Daten einspeichern und auslesen Android & Cross-Platform Mobile Apps 2
F Bei einer Android Java App, Objekte erstellen Android & Cross-Platform Mobile Apps 2
H Android Contact erstellen Android & Cross-Platform Mobile Apps 2
J "Button" auf List erstellen Android & Cross-Platform Mobile Apps 4
N Wie Menü erstellen und Verknüpfen Android & Cross-Platform Mobile Apps 9
F Problem beim Erstellen der Jar File Android & Cross-Platform Mobile Apps 4
B Textdatei auf Handy erstellen / lesen / schreiben? Android & Cross-Platform Mobile Apps 2
B Programm für NokiaComunicator erstellen Android & Cross-Platform Mobile Apps 2
K Programme für Handy erstellen Android & Cross-Platform Mobile Apps 3
P Erstellen einer Jar-File Android & Cross-Platform Mobile Apps 2
B Zufallszahlen zwischen 1 und 49 erstellen? aber wie? Android & Cross-Platform Mobile Apps 7

Ähnliche Java Themen

Neue Themen


Oben